jquery datepicker - 避免手动输入日期

Question

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

感谢您的帮助！

Answer 1

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

<input type ="text" readonly />

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

Answer 2

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

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

我对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.");

最好的问候。