【发布时间】: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