【问题标题】:How to show date in normal format in jqgrid when formatter is used使用格式化程序时如何在jqgrid中以正常格式显示日期
【发布时间】:2011-08-12 18:50:14
【问题描述】:

日期列是使用下面的 colmodel 创建的。 此列显示每个日期列的值,例如 0101.0101.7070。 如果 formatter:date 被删除,日期是正确的。

如何使用 formatter:date 显示正常的日期值?

{ "name":"Date",
"formatter":"date",
"datefmt":"dd.mm.yyyy",
"formatoptions":{"newformat":"dd.mm.yyyy"},
"editable":true
}

更新。

使用 json 格式从服务器传递数据,格式与 dd.mm.yyyy 相同

{"total":2,"page":1,"records":57,"rows":
[{"id":"9279","cell":["9279","42","","10.08.2011","","","","False"]},
 {"id":"9278","cell":["9278","41","","12.08.2011","","","","False"]},

...

按照建议在列选项中使用 d.m.y 格式可显示正确的日期,但仅包含 2 年数字。 我正在寻找一个 4 位数的年份数字。我尝试了 d.m.yyyy 格式,但这显示 8 位年份数字和 1 代表月份和日期为 01.01.70707070

我也尝试将 srcformat: 'dd.mm.yyyy' 添加到 formatoptions 但这不会改变错误的结果。

【问题讨论】:

  • 哪种格式的列有输入数据?你能附上相应的例子吗?
  • @Oleg:谢谢。所有数据都是 dd.mm.yyyy 格式。我更新了问题并添加了源数据示例。

标签: jqgrid


【解决方案1】:

要将日期显示为数字,您应该使用jd。对于显示月份作为数字,您应该使用nm。如果需要,dm 在开头包含 0 填充。 'y' 表示两位数的年份格式,Y 表示四位数的年份。

所以你可能需要srcformat: 'd.m.Y'srcformat: 'j.n.Y'

【讨论】:

  • 谢谢。这似乎有效。一些用户可能有不同的日期格式。如何以用户浏览器文化格式显示日期?
  • @:从the feature requestthe demo 的主题。该演示以 Web 浏览器语言 (navigator.language || navigator.browserLanguage) 显示网格,并允许用户另外动态更改语言。对于实现,只需要在 grid.locale-XX.js 文件中进行一些修改,不需要在 jqGrid 主代码中
  • 谢谢。此示例具有硬编码 colmodels,其中包含每种文化的硬编码日期格式,没有后备,因此在我的文化 et 网格中最初根本不会出现。如何使用相同的 colmodel 但在浏览器文化中显示日期? asp .net 控制器 ui 文化是根据浏览器文化设置的。如果强制 mvc 控制器以浏览器文化格式将日期发送到 jqGrid 并将日期格式也发送到浏览器是合理的。如何从 .net mvc 控制器返回 jqgrid 所需的日期格式?
  • @Andrus: the demo 有小错误。谢谢。它是固定的。对于像您这样的“未知”浏览器语言环境,它应该使用 en-US 日期格式和英文文本。该演示演示 1) 如何检测 Web 浏览器语言 (navigator.language || navigator.browserLanguage) 将创建网格以及如何使用包含date 定义的相应colModel 模板。如果您只对date 格式感兴趣,您可以简化代码或编写自己的代码。
  • 谢谢。控制器可以将本地化格式的日期传递给 jqGrid。在这种情况下,只需要将单个正确的本地日期格式字符串也传递给 jgGrid colmodel。如何将正确的日期格式字符串从 ASP .NET MVC 控制器返回到 jqGrid?例如 .NET 日期格式 dd.mm.yyyy 应作为 d.m.Y 传递给 jqGrid。 .NET 中是否有一些函数返回当前线程 UI 文化的 jqGrid(PHP?)日期格式字符串?
【解决方案2】:

使用 d.m.y 代替 dd.mm.yy ,

【讨论】:

  • 谢谢。 Yuor 建议显示 2 位数年份。如何显示 4 位数的年份?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-01-04
  • 1970-01-01
  • 2011-09-22
  • 1970-01-01
相关资源
最近更新 更多