【问题标题】:MinDate based on 1st input datepickerMinDate 基于第一个输入日期选择器
【发布时间】:2014-12-02 23:43:33
【问题描述】:

我尝试了很多我在这个网站上看到的例子,但似乎无法让这段代码工作。

我希望阻止用户选择小于在第一个文本框日期选择器中输入的日期的日期。但我尝试的一切似乎都不起作用。

所以 DepartDate 必须至少为#ArrivalDate + 1 天,我已经能够将天数限制为 30 天,但 minDate 让我失望了。

谁能看出我哪里出错了。

$(document).ready(function () {
    $("#ArrivalDate").datepicker({
        dateFormat: "dd/mm/yy",
        minDate: 0,
        onSelect: function () {
            var date2 = $('#ArrivalDate').datepicker('getDate');
            date2.setDate(date2.getDate() + 30);
            $('#DepartDate').datepicker('setDate', date2);
            $('#DepartDate').datepicker('option', 'maxDate', date2);
        }
    });
    $('#DepartDate').datepicker({
        dateFormat: "dd/mm/yy",
        onClose: function () {
            //var date = $(this).datepicker('getDate');
            //date.setDate(date.getDate() + 1);
            calculate();
            //minDate: $('#ArrivalDate').datepicker('getDate', '+1d');
            var dteArrivalDate = $('#ArrivalDate').datepicker('getDate');
            var dteDepartDate = $('#DepartDate').datepicker('getDate');
            if (dteDepartDate <= dteArrivalDate) {
                var maxDate = $('#DepartDate').datepicker('option', 'maxDate');
                //var minDate = $('#ArrivalDate').datepicker('getDate', '+1d');
                $('#DepartDate').datepicker('setDate', maxDate);
                //$('#DepartDate').datepicker('setDate', maxDate,'minDate',date);
                //$('#DepartDate').datepicker({ setDate: maxDate, minDate: minDate });
            }
        }
    });
});

【问题讨论】:

    标签: jquery datepicker


    【解决方案1】:

    在设置 maxDate 时,设置 minDate

    var date1 = $('#ArrivalDate').datepicker('getDate');
    date1.setDate(date2.getDate() + 1);
    $('#DepartDate').datepicker('option', 'minDate', date1);
    

    【讨论】:

    • 嗨 dm4web,谢谢我把上面的代码放错了地方。我想我已经花了很长时间看电脑了
    猜你喜欢
    • 2021-05-19
    • 1970-01-01
    • 2012-09-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-08-07
    • 2021-09-03
    • 1970-01-01
    相关资源
    最近更新 更多