首页 > 解决方案 > 剑道网格将 DateTime 显示为 /Date(*************)/

问题描述

我的 DateTime 列在我的 Kendo 网格中显示为“/Date(1520608915000)/”。你能告诉它应该如何修复吗?我尝试添加几个模板,但日期的前端格式每次都保持数字。这是我的代码:

Column0 = Convert.ToDateTime("3/9/2018 4:21:55 PM"),

@(Html.Kendo().Grid<Project.Mvc.Models.GridViewModel>()
            .Name("GName")
            .Columns(columns =>
            {
                columns.Bound(c => c.Column0).Title("Date and Time").Width(100).Visible(true).Encoded(false).ClientTemplate(null);
                columns.Bound(c => c.Column1).Title("Name").Width(100).Visible(true).Encoded(false).ClientTemplate(null);
            })
            .AutoBind(false)
            .HtmlAttributes(new { style = "height:" + gridHeight + "px;width:" + gridWidth + "px;" })
            .Scrollable()
            .Selectable()
            .Sortable()         
            .ColumnMenu()
            .Resizable(resize => resize.Columns(false))
            .Pageable(pageable => pageable
                .Enabled(pageableEnabled)
                .Refresh(true)
                .PageSizes(true)
                .ButtonCount(7)
            )
            .Filterable(filterable => filterable
                .Extra(false)
                .Operators(operators => operators
                    .ForString(str => str.Clear()
                        .StartsWith(@Project.Mvc.Resources.StartsWith)
                        .Contains(@Project.Mvc.Resources.Contains)
                    ))
                )
                .DataSource(dataSource => dataSource
                .Ajax()
                .Read(read => read.Action(readAction, controller).Data(datasourceParameterAction))
                .Model(model => model.Id(c => c.Column0))
                )
                .Events(events => events
                .Change("GNameChange")
                .DataBound("GNameBound")
                )

     )

以下是我尝试过的事情(没有成功):

columns.Bound(c => c.Column0).Title("Date and Time").Width(100).Visible(true).Format("{0: M/d/yyyy h:mm:ss tt}").Encoded(false).ClientTemplate(PopupColumnTemplates[0]);

columns.Bound(c => c.Column0).Title("Date and Time").Width(100).Visible(true).Format("{0: M/d/yyyy h:mm:ss tt}").Encoded(false);

columns.Bound(c => c.Column0).Title("Date and Time").Width(150).Visible(true).Format("{0: M/d/yyyy h:mm:ss tt}");

columns.Bound(c => c.Column0).Title("Date and Time").Width(150).Visible(true).Format("{0: yyyy}");

columns.Bound(c => c.Column0).Title("Date and Time").Width(150).Visible(true).Format("{0: yyyy}").ClientTemplate("#= kendo.toString(Column0, \"yyyy\") #");

标签: c#datetimekendo-uigridkendo-grid

解决方案


以下一个正在工作

columns.Bound(c => c.Column0).Title("Date and Time").Format("{0: dd/MM/yyyy HH:mm}").Width(150);

您可以参考剑道网格自动更改时区


推荐阅读