在日期选择器

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 

当您尝试输入错误的日期时，这会给您一个验证错误消息。