Question

所以在这里我有两个datetimepicker。即时通讯使用datetimepicker。开始日期时间选择器和结束日期时间选择器1。假设我尝试根据用户选择的开始和结束日期时间来提取卡片列表。我们假设用户将选择开始日期时间，例如2019-07-08 08:00:00，一旦选择了开始日期时间，事件将触发，他们只能根据所选开始选择限制2-3天范围的结束日期时间约会时间。例如，开始日期时间为2019-07-08 08:00:00，那么结束日期时间用户只能在2019-07-09 08:00:00到2019-07-11 08:00:00内进行选择。选择更多的范围。实际上，它基于开始日期时间。

这是我当前的起始代码

var minDate = moment().subtract(4, 'days');
var maxDate = moment();
$('#datetimepicker, #datetimepicker1').datetimepicker({
    format:'yyyy-mm-dd HH:mm:ss',
    minDate: minDate,
    maxDate: maxDate,
    showClear: false,
    useCurrent: false
});

有人知道如何使用Datetimepicker拥有这种功能吗？

Answer 1

由于#datetimepicker1的值取决于#datetimepicker的值，因此您可以尝试以下操作：

$('#datetimepicker').datetimepicker({
    format:'yyyy-mm-dd HH:mm:ss',
    showClear: false,
    useCurrent: false
}).on('changeDate', function(ev){
    var startDate = ev.date.valueOf();
    var endDate = startDate + (1000 * 60 * 60 * 24 * 3); // add 3 days to the selected date
    $('#datetimepicker1').datetimepicker('setStartDate', startDate);
    $('#datetimepicker1').datetimepicker('setEndDate', endDate);
});

Datetimepicker限制开始和结束日期

1 个答案: