Question

当用户在第一个字段上选择日期时，第二个字段必须在所选日期开始，并且不允许选择上一个日期。我创造了一个小提琴供参考 http://jsfiddle.net/gfokvuxr/以下是代码：

谢谢

<label class="form-label">Loading Date</label>


  <div class="input-append success date">
       <input type="text" name="loadingdate" id="dt1" class="span12" required >
       <span class="add-on"><span class="arrow"></span><i class="fa fa-th"></i></span> 
</div>


<label class="form-label">Delivery date</label>


  <div class="input-append success date">
       <input type="text" name="deliverydate" id="dt2" class="span12" required >
       <span class="add-on"><span class="arrow"></span><i class="fa fa-th"></i></span> 
</div>

这是JS代码

  $('.input-append.date').datepicker({
            autoclose: true,
            format: 'dd/mm/yyyy',
            todayHighlight: true,
            startDate: new Date() 
   });

Answer 1

根据我对the API的解读，可能就是这样：

$('#loadDate').change(function(event, ui){
    $('#deliverDate').datepicker( "setDate", (Date)($( "#loadDate" ).datepicker( "getDate" )));
    $('#deliverDate').datepicker( "option", "minDate", (Date)($( "#loadDate" ).datepicker( "getDate" )));
});

https://jsfiddle.net/1a09hyff/1/

为每个日期选择器提供一个ID，并使用它们在第一个上注册一个事件监听器来更新第二个minDate。

那说，由于某种原因它不起作用;我不能让任何修改方法（包括破坏）实际工作。一对夫妇抛出内部错误（我最近看到很多这些错误，其中date.getMonth()抛出getMonth is not a function等等。

Bootstrap datepicker：第二个字段，允许日期晚于第一个字段上的选定日期

1 个答案: