jquery datepicker:验证当前输入值？

Question

我一直在使用jQuery UI中的Datepicker插件.我希望能够验证它所附加的输入文本框当前是否具有有效日期.

例如:

如果有人决定键入02/30/2010我希望能够以某种方式让插件如果电流输入值是一个有效的日期(这是不是在这种情况下).

有谁知道如何做到这一点？

Answer 1

您可以通过将文本框设置为只读并根据需要设置日期格式来解决您的问题.因此用户无法在文本框中键入任何内容,用户只能从日期选择器中选择正确的日期格式(您设置).请参阅以下示例.

<p>Date: <input type="text" id="datepicker" size="30" readonly="readonly"/></p>    
<script>
$(function() {
    $( "#datepicker" ).datepicker();
    $( "#datepicker" ).datepicker( "option", "dateFormat",'yy-mm-dd');
});
</script>

Answer 2

这很容易

let value = $(this).val();
let format = $(this).datepicker('option', 'dateFormat');
let valueIsValid = false;
try {
    $.datepicker.parseDate(format, value);
    valueIsValid = true;
}
catch (e) {}

Answer 3

查看日期选择器的dateFormat和constrainInput选项。 http://jqueryui.com/demos/datepicker/#option-dateFormat