Question

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

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

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

Answer 1

使用模板：

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

Answer 2

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

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

Answer 3

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

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

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

Answer 4

columns.Bound（date =＆gt; date.START_DATE）。标题（“开始日期”）。格式（“{0：MM dd，yyyy}”）;

Kendo UI网格格式日期列

4 个答案: