JQuery UI Datepicker - ограничивает ввод в текстовое поле в отношении опции minDate?

Question

$('#Date_Of_Reservation').datepicker({showAnim: 'fadeIn',minDate: twoBussinessDaysToDays(),constrainInput: true});

Моя функция работает нормально.Графический календарь также работает отлично - вычерчивание невыбираемых дат.Проблема в проверке.Пока работает поле minDate, если пользователь вводит дату вручную в текстовое поле, он может вводить даты до minDate.Никакой проверки в отношении minDate не происходит.Есть ли элегантное решение этой проблемы?

Редактировать: Это прекрасно работает, когда я нажимаю ввод после помещения чего-либо в текстовое поле.Но когда я вкладываю или щелкаю где-то еще, проверка не запускается.

Answer 1

1. Используйте плагин validator для обеспечения правильного ввода
2. Добавьте пользовательскую дату метод диапазона

методваш случай будет:

$.validator.addMethod("dateRange", function(value, element) {
    // put your own logic here something like this
    return new Date(value) > twoBussinessDaysToDays();
},
"Please enter a valid date"
);

и скажите jquery для проверки формы:

$('#myForm').validate({
    rules: {
        Date_Of_Reservation: { dateRange: true }
    }
});