DateTimePicker onchange 状态

Question

我的应用程序中有 2 个日期时间选择器，称为开始日期和截止日期。如果用户选择 4 月 7 日作为开始日期，则结束日期不应小于 7 日，应禁用 4 月 7 日之前的日期。由于它的 datetimeepicker，所以日期和时间都应该考虑在内。

$('.tsk_start').datetimepicker({
  format: 'yyyy-mm-dd hh:ii',
  //daysOfWeekDisabled:[5,6],
  autoclose: true,
  todayBtn: true,
  startDate: new Date(),
}).on('changeDate', function(selected){           

});

$('.tsk_end').datetimepicker({
  format: 'yyyy-mm-dd hh:ii',
  autoclose: true,
  todayBtn: true,
}).on('changeDate', function(selected){

});

我在这里搜索了多个问题，但找不到合适的文档。我正在使用这个插件http://www.malot.fr/bootstrap-datetimepicker/index.php

Answer 1

正如您所说，您使用的是this plugin，然后它允许您在选择选项时设置选择器的开始日期，如下所示：

$('.tsk_start').datetimepicker({
  format: 'yyyy-mm-dd hh:ii',
  autoclose: true,
  todayBtn: true,
  startDate: new Date(),
}).on('changeDate', function(selected){           
  $('.tsk_end').datetimepicker('setStartDate', selected.date.valueOf());
});

$('.tsk_end').datetimepicker({
  format: 'yyyy-mm-dd hh:ii',
  autoclose: true,
  todayBtn: true,
})