Question

我有两个日期选择器：

$(".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

当您尝试键入错误日期时，这将为您提供验证错误消息。

验证日期选择器中的日期

1 个答案: