无法使用KendoUI网格和挖空格式化日期-Kendo

Question

我在使用Kendo Grid解析日期时遇到了问题。我使用Knockout-Kendo来帮助进行数据绑定。

我试图解析的json响应中的日期字符串看起来类似于2012-03-13T00:00:00。

Kendo网格的列定义包含format: '{0:MM/dd/yyyy}'，它似乎可以在另一个网格上工作，该网格没有使用Knockout-Kendo来解析完全相同的日期字符串。

我已经创建了一个演示the issue fully here的jsFiddle (从一个单独的问题中很好地重用)。

我只想远离行模板，因为我还没有弄清楚如何正确地将它们设置在敲击式绑定中，但我完全愿意接受其他或“正确”的建议。

Answer 1

可以在配置中指定dataSource。您仍然需要指定一个data键，以便绑定知道您正在传递选项，而不仅仅是直接传递数据。

可能如下所示：

<div id="grid" data-bind="kendoGrid: {  
                                data: undefined,
                                dataSource: {
                                    data: SaleSearchResults,
                                   schema: { model: { fields: { SaleDate: { type: 'date' } } } }    
                                },

在此更新小提琴：http://jsfiddle.net/rniemeyer/EUFxg/

Answer 2

如果以数组的形式返回数据，则需要指定datetype

<script type="text/javascript">
$(document).ready(function () {
    $("#grid").kendoGrid({
        selectable: "row",
        groupable: true,
        sortable: true,
        navigatable: true,
        pageable: true,
        columns: [
                {
                    field: "RunDate",
                    title: "Run Date",
                    width: 100,
                    format: "{0:yyyy-MM-dd}"
                }
            ],
        dataSource: {
            type: "json",
            transport: {
                read: "api/Data"
            },
            serverPaging: true,
            pageSize: 5,
            schema: {
                data: "Data",
                total: "Count",
                model: { fields: { RunDate: { type: "date"} } } 
            }
        }
    });
});

​

Answer 3

尝试以这种方式设置剑道网格中的日期格式

columns.Bound(x => x.LastUpdateDate).ClientTemplate("#= kendo.toString(LastUpdateDate，\"MM/dd/yyyy hh:mm tt\") #")；