jquery datepicker - 避免手动输入日期

Posted 2023-05-09

【中文标题】jquery datepicker - 避免手动输入日期

【英文标题】：jquery datepicker - avoid manual typing of a date

【发布时间】：2013-09-17 07:49:23

【问题描述】：

我正在使用 jQuery 的 DatePicker 插件并设置了 minDate 属性。单击输入字段时，这在 DatePicker-Popup 中有效。 但是用户仍然可以输入不是我想要的范围的日期。他们有什么方法可以避免手动输入、强制使用 Datepicker 或其他任何东西吗？我也在使用验证插件，请问有什么方法可以结合吗？

感谢您的帮助！

【参考方案1】：

您可以将日期选择器文本框设为只读。显示日期选择器。 然后每个用户都必须从 datepicker 中进行选择。

<input type ="text" readonly />

或者你可以在文本框附近放一个按钮来显示日期选择器。

【参考方案2】：

谢谢。 datePicker 函数提供了使用图标触发器的属性，我不知道。这样，您可以强制用户仅在单击该图像时填写日期。

就我而言，我找到了日期验证规则。有了这个规则和图标触发器，一切都像魅力一样。

我正在对像 dd.mm.yyyy 这样的日期使用以下验证规则：

$.validator.addMethod("datum", function (value, element) 
       return this.optional(element) || /^(?:(0[1-9]|[12][0-9]|3[01])[\/.](0[1-9]|1[012])[\/.](19|20)[0-9]2)$/.test(value);
    , "Datumsformat ungültig.");

最好的问候。