ASP.Net MVC jQuery UI DatePicker 日期格式

Posted

技术标签:

【中文标题】ASP.Net MVC jQuery UI DatePicker 日期格式【英文标题】:ASP.Net MVC jQuery UI DatePicker Date Format 【发布时间】:2014-04-28 20:11:19 【问题描述】:

我想尽办法强制这个 jQuery datepicker 控件理解特定的日期格式。这到底是怎么回事?

查看

@html.TextBoxFor(model => model.StartDate, "0:dd/MM/yyyy", new  @class = "datefield" )

javascript

$(function () 
    $(".datefield").datepicker(
        dateFormat: 'dd/MM/yyyy',
        showOn: "button"
    );
);

页面加载

点击日期选择器,到目前为止一切顺利

选择日期...什么?

【问题讨论】:

【参考方案1】:

根据the documentation:

dd - 日期(两位数) MM - 长月份名称 yy - 年份(四位数)

所以dd/MM/yyyy应该产生这个结果。 (日期、长月份名称和 4 位数年份两次。)为了匹配您最初加载的格式,您需要这样:

dd/mm/yy

【讨论】:

【参考方案2】:

你需要这样设置:

$(function () 
    $(".datefield").datepicker(
        dateFormat: 'dd/mm/yy',
        showOn: "button"
    );
);

如documentation 中所述,yy 格式指定 4 位数年份。当您编写yyyy 时,您基本上是在告诉它渲染一年两次。关于月份,jQuery 将MM(大写字母)与月份名称相关联,mm 与相应的数字形式相关联。

总之,.Net 和 jQueryUI 的日期格式不同。

【讨论】:

谢谢!如果我能接受两个答案,我会;)

以上是关于ASP.Net MVC jQuery UI DatePicker 日期格式的主要内容,如果未能解决你的问题,请参考以下文章

Asp.Net MVC 中的 JQuery UI 日期选择器

ASP.NET MVC 5和jquery ui datepicker验证

用于 jquery CRUD 的 Asp.net core mvc + kendo ui

Asp.Net MVC 应用程序的 Kendo UI 与 Jquery/Bootstrap 设计决策

ASP.Net MVC在AspNet Mvc使用JQuery AutoComplete组件

jQuery UI Ajax 自动完成区分大小写 ASP.net MVC