Kendo UI 网格格式日期列答案

【问题标题】：Kendo UI Grid Format Date columnKendo UI 网格格式日期列
【发布时间】：2015-05-06 19:08:00
【问题描述】：

我正在尝试在我的 Kendo UI Grid 中适当地显示一个日期时间列。日期显示成功，但不显示时间。这是一个简单的jsfiddle 展示我的场景。

field: "Date",
title: "Date",
format: "{0:dd-MMM-yyyy hh:mm:ss tt}",
parseFormats: ["MM/dd/yyyy h:mm:ss"]

我尝试了不同的替代方案，但没有成功。任何关于如何按预期显示内容的想法将不胜感激！

【问题讨论】：

标签： datetime kendo-ui kendo-grid

【解决方案1】：

使用模板：

 {
    field: "Date"
    , title: "Date"
    , width: "100px"
    , template: "#=  (Date == null)? '' : kendo.toString(kendo.parseDate(Date, 'yyyy-MM-dd'), 'MM/dd/yy') #"
 },

【讨论】：

这会打印日期，但根本没有任何时间信息。完全错误的答案。

【解决方案2】：

我根据你的小提琴得到了它：jsfiddle。我稍微修改了对象定义并保留了“日期”数据类型：

{
    field       : "Date",
    title       : "Date",
    format      : "{0:dd-MMM-yyyy hh:mm:ss tt}",
    parseFormats: ["MM/dd/yyyy h:mm:ss"],
    filterable: {
        ui: "datetimepicker"
    }
}

希望这会有所帮助。祝你好运。

【讨论】：

谢谢你 kryptonkal，但我在你的 jsfiddle 中看不到正确的时间。它说 12:00:00 AM

【解决方案3】：

您为日期字段指定的数据类型是日期类型。它应该是如下所示的日期时间

fields: {
    Id: { type: 'number' },
    FirstName: { type: 'string' },
    LastName : { type: 'string' },
    Date: { type: 'datetime' }
}

【讨论】：

就是这样。谢谢！ PS：我会在5分钟内接受你的回答
这不起作用。它显示完整日期，是的，但它没有正确解析它。它只是默认将给定的字符串直接打印到屏幕上，没有格式化。

【解决方案4】：

columns.Bound(date=> date.START_DATE).Title("开始日期").Format("{0:MM dd, yyyy}");

【讨论】：