【问题标题】:jQuery's datepicker "minDate" not workingjQuery 的日期选择器“minDate”不起作用
【发布时间】:2015-07-24 20:10:37
【问题描述】:

我需要一些关于 jQuery 的 datepicker 问题的指导,当然我正在监督它的一些细节。

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

我尝试在绑定日期选择器后立即设置 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

【问题讨论】:

    标签: javascript jquery jquery-ui date datepicker


    【解决方案1】:

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

    在这里解释:How do I set Min Date in Datepicker from another Datepicker?

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

    【讨论】:

      猜你喜欢
      • 2013-10-13
      • 2019-04-15
      • 1970-01-01
      • 2016-03-16
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-09-03
      • 1970-01-01
      相关资源
      最近更新 更多