javascript - jQuery 的日期选择器 "minDate"不起作用

Question

我需要一些有关 jQuery 日期选择器问题的指导，当然我正在监督一些细节。

我正在尝试为两个日期选择器设置一些最小日期；我通过 ajax 获取一条包含描述、开始日期和结束日期的消息，并在表单上显示这些值。对于开始/结束日期，我有 jQuery 日期选择器，对于开始日期，我总是将最小日期设置为今天，这通常会覆盖获取的值。另一方面，对于结束日期，我想将最小日期设置为其他日期选择器上选择的任何日期(因此您不能交叉日期并设置低于开始日期的结束日期)

我尝试在绑定(bind)日期选择器后立即设置 EndDate.datepicker minDate，并在最终为 StartDate 设置值后再次设置，但它仍然无法在 EndDate 上工作(它不限制任何日期，更不用说当我更改开始日期时更新限制)

这是我的代码:

StartDate.datepicker({ minDate: -0 });
EndDate.datepicker({ minDate: StartDate.datepicker("getDate") });

//Initial Behavior - when loading, show last landing message
$.ajax({
    ...
    success: function (data) {


        var fetchedStartDttm = ParseJsonDate(data.GetMessageResult.StartDttm);
        var fetchedEndDttm = ParseJsonDate(data.GetMessageResult.EndDttm);
        var today = new Date();

        if (today <= fetchedEndDttm) {
            //Message still in valid period
            Message.val(data.GetMessageResult.MessageDesc);
            StartDate.datepicker("setDate", fetchedStartDttm);
            EndDate.datepicker("setDate", fetchedEndDttm);
        } else {
            //Last message already expired
            Message.val("Text to be displayed (DELETE THIS REMINDER)");
            StartDate.datepicker("setDate", today);
            EndDate.datepicker("setDate", today);
        }

        //minimum enddate should be at least the startDate
        EndDate.datepicker({ minDate: StartDate.datepicker("getDate") });

    }
});

我非常感谢任何帮助!

-ccjmk

Answer 1

我发现了类似的问题，他们有可行的解决方案(至少对我来说)

此处解释:How do I set Min Date in Datepicker from another Datepicker?

这里:Restrict date in jquery datepicker based on another datepicker or textbox