javascript - 在 Bootstrap 日期选择器中设置 mindate

Question

我有 2 个日期选择器更改第一个日期选择器我需要将所选日期设置为第二个日期选择器的 mindate 值。这是我的 coe

<input type="text" size="30" class="date_picker_from form-control valid" id="start" value="" name="start" aria-invalid="false">

<input type="text" size="30" class="date_picker_to form-control valid" id="end" value="" name="end" aria-invalid="false">


$('.date_picker_from').datepicker({
    setDate: new Date(),
     format: 'dd/mm/yyyy',
    todayHighlight: true,
  autoclose:true,
  startDate: '-0m',
  minDate:0,

});

$('.date_picker_to').datepicker({
    //setDate: new Date(),
    format: 'dd/mm/yyyy',
    todayHighlight: true,
  autoclose:true,
  startDate: '+1d',
  minDate:0,

});

$("#start").change( function() {


var secondDate = new Date($("#start").datepicker( "getDate" ));

var date2 = new Date(secondDate.getTime());


date2.setDate(date2.getDate() + 1);
   $("#end").datepicker("setDate", date2);
    $("#end").datepicker("minDate", date2);
     $('#end').datepicker( "option", "minDate", date2 );


});

这是 jsfiddle链接

Answer 1

这是您唯一需要为设置思维做的事情。这是使用日期选择器设置思维的方法。

$("#start").change( function() {    
   $( ".date_picker_hotel_to" ).datepicker("option", "minDate", $("#start").val());   
 });