проверки даты в DatePicker

Question

У меня есть два datepickers:

$(".From").datepicker({ 
dateFormat: 'dd/mm/yy', 
numberOfMonths: 1, 
autoclose: true, 
onClose: function(selectedDate) { 
    $(".To").datepicker("option", "minDate", selectedDate); 
}}); 


$(".To").datepicker({ 
dateFormat: 'dd/mm/yy', 
numberOfMonths: 1, 
autoclose: true, 
onClose: function(selectedDate) { 
    $(".From").datepicker("option", "maxDate", selectedDate); 
}}); 

Вид:

@Html.TextBoxFor(model => model.From, new { @class = "form-control From" }) 
@Html.TextBoxFor(model => model.To, new { @class = "form-control To" }) 

Модель:

[Display(Name = "From")] 
    public string From { get; set; } 

    [Display(Name = "To")] 
    public string To { get; set}; 

Когда пользователь вручную вводит дату, он терпит неудачу.

Есть ли способ разрешить пользователям вводить дату и проверять ее?

вариант 1: следует ли использовать регулярное выражение?

Answer 1

Вот рабочий пример

Модель

[DisplayFormat(DataFormatString = "{0:dd/MM/yyyy}", ApplyFormatInEditMode=true)] 
[DisplayName(Name = "From")] 
public DateTime? From { get; set; } // note the data type 

Посмотреть

@Html.TextBoxFor(model => model.From, new { @class = "form-control From" }) 
@Html.ValidationMessageFor(model => model.From) 

Не забудьте load the validation scripts.

jquery.validate.js 
jquery.validate.unobtrusive.js 

Это сообщение даст вам сообщение об ошибке при попытке ввести плохую дату.