**Reset the datepicker for second datepicker based on first date picker-not working**
First date picker
-----------------
{!!Form::text('tour_datefrom',null,['class'=>'form-control','data-dependent'=>'tour_dateto','id'=>'tour_datefrom','onkeypress'=>'isAlphaNumeric(event)','onpaste'=>'return false','onchange'=>'checkField(this,"date")','placeholder'=>'DD-MM-YYYY','maxlength'=>8])!!}
Second date picker
-----------------
{!!Form::text('tour_dateto',null,['class'=>'form-control','id'=>'tour_dateto','onkeypress'=>'isAlphaNumeric(event)','onpaste'=>'return false','onchange'=>'checkField(this,"date")','placeholder'=>'DD-MM-YYYY','maxlength'=>8])!!} '
There are two date pickers. The value of the second date picker is based on the first one. If the we chooses any month on first date picker then the date picker automatically reset second date picker.
<script type="text/javascript">
$(function() {
$("#tour_datefrom").datepicker({
autoclose: true,
minDate: 0,
format: "dd-mm-yyyy",
startDate : 'now',
onSelect: function(date, datepicker) {
let dependent= $(this).data('dependent');
let thisDate = $(this).val();
$(dependent).datepicker("option", "minDate", thisDate);
$(dependent).datepicker('refresh');
}
});
$('#tour_dateto').datepicker( {
format: 'dd-mm-yyyy',
startDate:'+0d',
autoclose: true,
onSelect: function(date){
//validate date here
}
});
});
</script>
via Chebli Mohamed
Aucun commentaire:
Enregistrer un commentaire