ASP MVC 5 客户端验证日期时间范围

csharp
// 定义一个 ViewModel，用于接收用户输入的日期时间范围
public class DateTimeRangeViewModel
{
    [Required]
    [Display(Name = "开始日期")]
    [DateRange(ErrorMessage = "开始日期必须早于结束日期")]
    public DateTime StartDate { get; set; }
    [Required]
    [Display(Name = "结束日期")]
    public DateTime EndDate { get; set; }
}
// 自定义日期时间范围验证特性
public class DateRangeAttribute : ValidationAttribute, IClientValidatable
{
    public IEnumerable<ModelClientValidationRule> GetclientValidationRules(ModelMetadata Metadata, ControllerContext context)
    {
        yield return new ModelClientValidationRule
        {
            ValidationType = "daterange",
            ErrorMessage = FormatErrorMessage(Metadata.GetDisplayName())
        };
    }
    protected override ValidationResult IsValid(object value, ValidationContext validationContext)
    {
        var model = validationContext.ObjectInstance as DateTimeRangeViewModel;
        
        if (model != null && model.StartDate > model.EndDate)
        {
            return new ValidationResult(FormatErrorMessage(validationContext.DisplayName));
        }
        
        return ValidationResult.Success;
    }
}
// 在视图中使用客户端验证
<script src="https://cdnJS.cloudflare.com/Ajax/libs/jquery/3.3.1/jquery.min.JS"></script>
<script src="https://cdnJS.cloudflare.com/Ajax/libs/jquery-validate/1.19.1/jquery.validate.min.JS"></script>
<script src="https://cdnJS.cloudflare.com/Ajax/libs/jquery-validation-unobtrusive/3.2.11/jquery.validate.unobtrusive.min.JS"></script>
<script>
    $.validator.addMethod("daterange", function (value, element, params) {
        var startDate = new Date($("#StartDate").val());
        var endDate = new Date(value);
        return startDate <= endDate;</p>    });
    $.validator.unobtrusive.adapters.add("daterange", [], function (options) {
        options.rules["daterange"] = true;
        options.messages["daterange"] = options.message;
    });
</script>
@using (Html.BeginForm())
{
    @Html.LabelFor(model => model.StartDate)
    @Html.TextBoxFor(model => model.StartDate)
    @Html.ValidationMessageFor(model => model.StartDate)
    @Html.LabelFor(model => model.EndDate)
    @Html.TextBoxFor(model => model.EndDate)
    @Html.ValidationMessageFor(model => model.EndDate)
    <button type="submit">提交</button>
}