jQuery 的日期选择器 "minDate" 不工作

Question

我需要一些关于 jQuery 的日期选择器问题的指导，肯定是我正在监督的一些细节。

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

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

这是我的代码：

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

我发现了类似的问题并且他们有可行的解决方案（至少对我而言）

此处解释：

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

jQuery 的日期选择器 "minDate" 不工作

jQuery's datepicker "minDate" not working

javascript

jquery

jquery-ui

date

datepicker