You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Kendo DatePicker输入31/12/2099保存后空白问题求助

解决Kendo DatePicker显示2099-12-31时空白的问题

这个问题我之前碰到过,核心原因是Kendo DatePicker默认有一个内置的最大日期限制,当你设置的日期(2099-12-31)超过这个默认值时,控件会判定该日期无效,从而显示空白。另外,直接传递JSON格式的日期字符串也可能引发解析问题,尤其是针对极端日期。下面是具体的解决方案:

方案1:显式设置DatePicker的最大日期

在你的Razor代码中,给DatePicker添加.Max()配置,把最大日期设置为比2099-12-31更大的值(比如2100-01-01),这样控件就会认可2099-12-31为有效日期:

@Html.Kendo().DatePickerFor(m=> m.BlHeader.BlDt) 
    .Name("BlDt") 
    .Format(dateFormat) 
    .Culture(@agentculture)
    .Max(new DateTime(2100, 1, 1)) // 添加这一行,扩大允许的最大日期范围
    .HtmlAttributes(new { id = "BlDt", style = "width:110px;" })

方案2:前端解析JSON日期为Date对象后再设置

你的前端代码直接传递了JSON格式的日期字符串(/Date(4102358400000)/),虽然Kendo通常能解析这种格式,但针对极端日期可能出现异常。建议先把字符串解析成标准的Date对象,再设置给DatePicker:

// 封装一个JSON日期解析函数
function parseJsonDate(jsonDateStr) {
    // 提取时间戳并转换为Date对象
    const timestamp = parseInt(jsonDateStr.substr(6));
    return new Date(timestamp);
}

// 解析后再设置值
const blDtDate = parseJsonDate(HeaderDetails.BlDt);
$('#BlDt').data("kendoDatePicker").value(blDtDate);

额外检查点

确认你的dateFormat和agentculture配置匹配,比如如果culture是en-GB(日/月/年格式),dateFormat应该设置为"dd/MM/yyyy",确保31/12/2099这种格式能被正确解析。

内容的提问来源于stack exchange,提问作者Arpita Dutta

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.15 03:24:24