Kendo UI:Grid中单元格日期格式化

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Kendo UI:Grid中单元格日期格式化相关的知识,希望对你有一定的参考价值。

摘自: http://blog.csdn.net/sun_jy2011/article/details/41546337

 

Kendo UI:Grid中怎么格式化时间类型数据?

 

解决方案

1)使用format格式化

{  
      field: "updateTime",  
      title: "更新时间",  
      width: 200,  
      format: "{0: yyyy-MM-dd HH:mm:ss}"  
}  

2)使用template实现

{  
      field: "updateTime",  
      title: "更新时间",  
      width: 200,  
      template : kendo.template($("#updatetime_template").html())  
}  
  
<script type="text/x-kendo-template" id="updatetime_template">  
   #= kendo.toString(updateTime, "yyyy-MM-dd HH:mm:ss") #  
</script>  

  

以上两种方法都可以实现。但存在一个问题,必须把数据类型设置为date类型

            dataSource: {
                pageSize: 20,
                transport: {
                    read: {
                        contentType: "application/json",
                        dataType: "json",
                        type: "Post",
                        url: "URL"
                    }
                },
                schema: {
                    data: "rows",
                    total: "total",
                    model: {
                        id: "ID",
                        fields: {
                            updateTime: { type: "date" }
                        }
                    }
                }
            }

  

 

以上是关于Kendo UI:Grid中单元格日期格式化的主要内容,如果未能解决你的问题,请参考以下文章

如何在Kendo UI Grid中合并单元格

Kendo UI Grid:如何使单元格在条件下只读

使用 Selenium / Geb 测试 Kendo UI Grid

Kendo UI Grid:如果有任何未决更改,则无法拦截和取消排序事件

Kendo UI Grid- - 默认排序日期升序

为啥 kendo Ui -grid date 排序不正确?