剑道网格时间格式过滤

Question

我得到的本地 Json 数据是

var MYDATA=[{"StartTime":'19:00:12.000',"StartDate":'2014-02-11',"Name":"John"},
            {"StartTime":'20:09:15.000',"StartDate":'2014-02-11',"Name":"Alan"},
            {"StartTime":'20:22:22.000',"StartDate":'2014-02-11',"Name":"Liza"}
];

我使剑道网格具有可排序、可分组、可过滤、可调整的属性。 当我尝试过滤到 StartTime 时，它​​不起作用。我可以把模式模型字段类型是时间吗？

StartTime:{ type:time}

如果我没有在模式模型中定义 StartTime 字段。剑道网格认为“它是字符串”。

我定义它的日期，然后在下面的列中定义它；

 { field: "StartTime", title: "Start Time" ,format: "{0:hh:mm:ss}", filterable: {
                    ui: "timepicker",

                }}

但不在我的网格中过滤或显示。

Answer 1

不，你必须把它写成“日期”。有效的数据类型有：“string”、“number”、“boolean”、“date”。默认为“字符串”。

可以在这里找到有效类型：http://docs.telerik.com/kendo-ui/api/framework/model#methods-Model.define

此处示例：http://jsfiddle.net/OnaBai/B8G6X/

var MYDATA=[
    {"StartTime":'19:00:12.000',"StartDate":'2014-02-11',"Name":"John"},        
    {"StartTime":'20:09:15.000',"StartDate":'2014-02-11',"Name":"Alan"},
    {"StartTime":'20:22:22.000',"StartDate":'2014-02-11',"Name":"Liza"}
];

var ds = new kendo.data.DataSource({
    data : MYDATA,
    schema : {
        model : {
            fields : {
                StartTime : { type : "date" },
                StartDate : { type : "date" },
                Name : { type : "string" },
            }
        }
    },
    pageSize: 10
});

var grid = $("#grid").kendoGrid({
    dataSource: ds,
    editable  : false,
    sortable  : true,
    pageable  : true,
    columns   :
    [
        { field: "StartTime", title: "Time", format : "{0:HH:mm:ss}" },
        { field: "StartDate", title: "Date", format : "{0:yyyy-MM-dd}" },
        { field: "Name", width: 200 }
    ]
}).data("kendoGrid");