Jquery日期选择器限制日期，例如2222222/33333/444444

Question

我在我的 MVC 3 + Razor 项目中使用 Jquery Date Picker。

我已经成功地使用它并将其与我的项目集成。

现在使用日期选择器，我可以看到它不允许使用 a、b...@#、$、%.. 等字符。但它确实允许数字，要理解我的意思，请参阅屏幕截图，

我想我需要对 jquery 本身进行一些更改，但我不知道在哪里。请帮我解决这个问题。

在marcolinux的帮助下，我使用了http://keith-wood.name/uiDatepickerValidation.html ，现在当我将其添加到我的脚本中时

        $(form).validate({
        rules: {
        startDate: {
        dpDate: true
        }
        }
        });

并导入此链接

 <script src="../../Scripts/jquery.ui.datepicker.validation.js" type="text/javascript"></script>

我现在在这方面取得了更大的进步现在，在我的文本框中使用 class="dpDate"我可以在文本框中获得红色边框以进行输入，例如1212635245111/12313/12313

现在我需要知道的最后一部分是如何在文本框旁边显示错误消息。

Answer 1

您似乎担心文本框中“输入”的日期。您可以在日期选择器触发的 onClose 事件中 Hook 错误检查函数:

Allows you to define your own event when the datepicker is closed, whether or not a date is selected. The function receives the selected date as text ('' if none) and the datepicker instance as parameters. this refers to the associated input field.

当用户在文本框中键入内容时，日期选择器将打开。当用户选择日期(有效)或控件失去焦点(日期可能有效或无效)时，将触发 onClose 事件。然后您可以检查事件处理程序中的日期:

$("#datepicker").datepicker({
    onClose: function(dateText, instance) {
        var date;
        try {
            date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, dateText, instance.settings);
        }
        catch (e) {
            alert("$.datepicker.parseDate failed");
        }
        if (!date) {
            alert("This date is not valid");
            $(this).val("");
        }
    }
});

Demo here