Question

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

我试图为两个拣选者设定一些最短日期;我通过ajax获取包含描述，开始日期和结束日期的消息，并在表单上显示这些值。对于开始/结束日期，我有jQuery日期选择器，并且对于开始日期，我总是将最小日期设置为今天，这通常会覆盖获取的值。另一方面，对于结束日期，我想将最小日期设置为在另一个日期选择器上选择的任何日期（因此您不能跨越日期并将结束日期设置为低于开始日期）

我尝试在绑定datepicker后立即设置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

我发现了类似的问题，他们有工作解决方案（至少对我而言）

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

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

jQuery的日期选择器＆＃34; minDate＆＃34;不工作

1 个答案: