Buenos dias: Tengo una variable que contiene un numero ejemplo $por_disfrutar=4; Y despues con un select hago un ciclo for para que recorra esos 4 numeros y me arroje lo siguiente:
<?php
for ($i=1; $i <=$por_disfrutar ; $i++) {
echo "<option value=".$i.">".$i."</option>";
$n=$n+1;}
?>
Y posterior lo que necesito es que de acuerdo al numero que yo elija en el Select (ejemplo selecciono el numero 2) solo me permita pickear las fechas en mi calendario Jquery de acuerdo al numero que yo elija en el Select y los demás me lo dehabilite si intento pickear uno mas
Por favor ayudarme con este codigo porque soy un vil novato en el uso de Jquery y estoy aprendiendo. Es para validar para asignar al MaxPicker el valor del numero seleccionado en el Select.
Selecciona los dias
$( document ).ready(function() { console.log( "ready!" ); var selected = $('#dias option:selected'); var value=selected.val(); $('#id3').multiDatesPicker({ dateFormat: "dd-mm-yy", maxPicks: value }); });$( document ).ready(function() {
console.log( "ready!" );
var selected = $('#dias option:selected');
var value=selected.val();
$('#id3').multiDatesPicker({
dateFormat: "dd-mm-yy",
maxPicks: value
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<?php
$por_disfrutar=4;
?>
<div class="form-group row">
<label for="dias_solicitar"class="col-xs-12 col-sm-6 col-md-2 col-form-label">Dias a solicitar </label>
<div class="col-md-2">
<select id="dias" name="dias">
<?php
//Tu variable.
for ($i=1; $i <=$por_disfrutar; $i++) {
echo "<option value=".$i.">".$i."</option>";
$n=$n+1;
}
?>
</select>
</div>
<label for="dias_solicitar"class="col-xs-12 col-sm-6 col-md-2 col-form-label">Selecciona los dias </label>
<div class="col-md-6"><input id="id3" type="text"/></div>
<link rel="stylesheet" type="text/css" href="pruebas/css/jquery-ui.css">
<script type="text/javascript" src="//code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="//code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script type="text/javascript" src="http://multidatespickr.sourceforge.net/jquery-ui.multidatespicker.js"></script>
<link rel="stylesheet" type="text/css" href="pruebas/css/jquery-ui.theme.css">
<script>
$( document ).ready(function() {
console.log( "ready!" );
var selected = $('#dias option:selected');
var value=selected.val();
$('#id3').multiDatesPicker({
dateFormat: "dd-mm-yy",
maxPicks: value
});
});
</script>
</div>
Gracias.