Question

正如标题中所述，我已经实现了两个DatePicker。通过MDBootstrap：(https://mdbootstrap.com/docs/jquery/forms/date-picker/).

我的意图是不允许用户选择当前日期之前的日期。

我已经搜索了他们的支持，但是没有任何命令与我感兴趣的相对应。

此外，我想第二个DatePicker无法选择在第一个DatePicker中选择的日期之前发生的日期。

代码在JSFiddle上。

JavaScript的一部分，您可以根据需要进行调用。

谢谢大家。

Answer 1

您可以添加类似的内容，使日期选择器禁用当前日期之前的日期

$('.datepicker').pickadate({ 
  min: new Date(),
});

如果您的第二个日期选择器对第一个日期选择器的更改做出反应，则可能会出现名称冲突。

Answer 2

尝试添加

minDate: new Date()

进入DatePicker初始化函数

Answer 3

您可以尝试使用MDBootstrap的 min 和 max 属性。在这里，我正在使用min函数来完成您的任务。

<div class="md-form">
  <input placeholder="Selected date" type="text" id="date-picker-example" class="form-control datepicker">
  <input placeholder="Selected date" type="text" id="date-picker-example2" class="form-control">
   <label for="date-picker-example">Try me...</label>
</div>

// Data Picker Initialization
$('.datepicker').pickadate({
  min : new Date(),
  onClose: function(){
       $('#date-picker-example2').pickadate({
         min : $('.datepicker').val()
       })
   }
});

您可以看到示例here

有关更多选项，您可以参考此document

通过设置当前日期来禁用日期选择-DatePicker

3 个答案: