Kendo Datepicker选中值不刷新且无法传递至控制器求助

这个问题的核心原因是表单提交校验失败后，ModelState中保留了错误的无效日期值（1-1-0001），而Kendo Datepicker初始化时会优先读取ModelState中的值，而非用户重新选择的日期值。以下是针对性的解决办法：

1. 清除ModelState中对应字段的错误状态 #

在控制器处理表单提交的Action中，当校验失败返回视图前，移除TestDate字段的ModelState记录，避免旧的无效值覆盖用户新选择的内容：

[HttpPost]
public ActionResult YourAction(YourModel model)
{
    if (!ModelState.IsValid)
    {
        // 清除TestDate字段的ModelState错误记录
        ModelState.Remove("TestDate");
        // 可选：如果需要默认当前日期，可直接赋值
        model.TestDate = DateTime.Now.Date;
        return View(model);
    }
    // 后续业务逻辑...
}

2. 使用Kendo官方HtmlHelper扩展替代手动初始化 #

放弃手动TextBoxFor+JS初始化的方式，直接使用Kendo的强类型HtmlHelper，它会自动处理Model绑定与ModelState的优先级问题：

@Html.Kendo().DatePickerFor(c => c.TestDate)
    .HtmlAttributes(new { id = "txtTestDate" })
    .Max(DateTime.Now.Date) // 直接在这里设置未来日期不可选，无需额外校验逻辑

3. 手动初始化时强制同步控件值到文本框 #

如果必须保留手动JS初始化的方式，需在Datepicker的change事件中强制同步选中值到文本框，确保表单提交时文本框值正确：

$("#txtTestDate").kendoDatePicker({
    max: new Date(), // 禁用未来日期
    change: function() {
        // 将选中的日期格式化为标准字符串，同步到文本框
        const selectedDate = this.value();
        if (selectedDate) {
            this.input.val(selectedDate.toISOString().split('T')[0]); // 格式化为YYYY-MM-DD
        }
    }
});

4. 统一前后端校验逻辑 #

前端通过Kendo的max属性限制未来日期，后端校验时保持相同规则，避免因规则不一致导致的ModelState错误：

// 在Model中添加校验特性
[DataType(DataType.Date)]
[Display(Name = "测试日期")]
[Range(typeof(DateTime), "1900-01-01", "", ErrorMessage = "不能选择未来日期")]
public DateTime TestDate { get; set; }

// 后端Action中补充校验逻辑
if (model.TestDate > DateTime.Now.Date)
{
    ModelState.AddModelError("TestDate", "不能选择未来日期");
    ModelState.Remove("TestDate"); // 移除后重新赋值
    model.TestDate = DateTime.Now.Date;
    return View(model);
}

内容的提问来源于stack exchange，提问作者Neptune_Code