基础日期选择器、结束日期(和时间）不能早于开始日期(和时间）

Foundation datepicker, end date (and time) cannot be before start date (and time)

本文关键字：日期 时间 于开始 开始 不能 选择器 结束      更新时间：2023-09-26

我正在使用Foundation-Datepicker，我拥有它，因此用户只能选择当前日期之后的开始日期（即无法选择所有其他值）。

我希望结束日期的工作方式与用户只能在开始日期之后选择日期的方式相同。

我有日期（天）工作，即如果开始日期是2016年1月3日，用户无法选择1月2016作为结束日期。

我的第一个问题是因为我不能让开始日期与结束日期相同，其次是因为我也在使用时间，我希望它禁用结束日期/时间弹出窗口的开始日期/时间之后的所有选择。

即用户可以选择2016年1月1日13：00作为开始，1月1日14：00作为结束。

我的代码如下： 

// Get Date of today
var newDate = new Date();
// Prase newDate
var now = new Date(newDate.getFullYear(), newDate.getMonth(), newDate.getDate(), 0, 0, 0, 0);
// Initialize datepicker with restricted date
var startDate = $('.has-datepicker').fdatepicker({
    format: "dd/mm/yyyy - hh:ii",
    pickTime: true,
    onRender: function (date) {
        return date.valueOf() < now.valueOf() ? 'disabled' : '';
    }
}).on('changeDate', function (e) {
    if (e.date.valueOf() > endDate.date.valueOf()) {
        var newDate = new Date(e.date);
        newDate.setDate(newDate.getDate() + 1);
        endDate.update(newDate);
    }
}).data('datepicker');
var endDate = $('.has-datepicker2').fdatepicker({
    format: "dd/mm/yyyy - hh:ii",
    pickTime: true,
    onRender: function (date) {
        return date.valueOf() <= startDate.date.valueOf() ? 'disabled' : '';
    }
}).on('changeDate', function(e) {
}).data('datepicker');

// implementation of disabled form fields
var nowTemp = new Date();
var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);
var checkin = $('#dpd1').fdatepicker({
    onRender: function (date) {
        return date.valueOf() < now.valueOf() ? 'disabled' : '';
    }
}).on('changeDate', function (ev) {
    if (ev.date.valueOf() > checkout.date.valueOf()) {
        var newDate = new Date(ev.date)
        newDate.setDate(newDate.getDate() + 1);
        checkout.update(newDate);
    }
    checkin.hide();
    $('#dpd2')[0].focus();
}).data('datepicker');
var checkout = $('#dpd2').fdatepicker({
    onRender: function (date) {
        return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : '';
    }
}).on('changeDate', function (ev) {
    checkout.hide();
}).data('datepicker');

尝试这样..最好完全浏览网站和文档

相关文章：