jQuery - 日期选择器 - onblur答案

【问题标题】：jQuery - datepicker - onblurjQuery - 日期选择器 - onblur
【发布时间】：2010-03-20 15:45:44
【问题描述】：

我正在使用 jQuery 日期选择器，其中有两个文本框（开始日期/结束日期）。用户单击相应的文本框并显示日历。没关系。

我需要做的是当用户说，点击开始日期文本框并选择一个日期。然后我需要触发一个 onblur 事件。

选择日期后，我在哪里为日历控件设置 onblur 事件？我在实际的文本框中进行了尝试，但这是不对的，因为这是在从日历控件中选择实际日期之前发生的。

【问题讨论】：

【解决方案1】：

我想你想要 onselect 事件...

$('.selector').datepicker({
   onSelect: function(dateText, inst) { ... }
});

【讨论】：

macca1，谢谢您的回复。为了清楚起见，我可以要求跟进吗？我将把该代码放在哪里，以便在选择日期后触发？我试着把它放在我的脚本标签中，但是当我这样做时页面加载时它就消失了。
是的，你可以这样做。但是，如果您仍想使用 onblur() 事件，那么我可以建议为每个日期文本字段设置选定的日期作为文本字段元素的数据，并在 onblur() 事件中检查数据是否从上一个日期更改。如果不只是返回，否则处理您的脚本
如果我明白你在说什么。关于如何在日历控件的 onblur() 或 onSelect 中选择日期的问题仍然存在。只是为了澄清一下，用户可以选择他们想要的任何日期，但是当他们这样做时，我需要检查该日期是否大于今天。这就是为什么在选择日期后需要触发 onblur 或 onSelect 的原因。那有意义吗？谢谢。
@d3020 onSelect 是您首次将日期选择器添加到元素时传递的选项。您将它添加到您在元素上说 .datepicker() 的位置（可能在您的 document.ready 中）。此外，如果您只想让他们选择未来的日期，您可以限制：jqueryui.com/demos/datepicker/#option-minDate
设置了 onSelect。我看了一下那个链接。最初我并不清楚我会使用什么来限制开始日期值大于今天。我实际上需要做一些事情，包括那个。比如，确保结束日期大于选择的开始日期。然后一旦有有效日期计算日期之间的周差。我实际上会花钱请人帮我解决这个问题。