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" }
                        }
                    }
                }
            }

  

时间: 2024-10-26 05:15:35

Kendo UI:Grid中单元格日期格式化的相关文章

Kendo UI:Grid中单元格样式控制

问题 Grid某个单元格的样式怎么设置? 解决方案 使用attributes属性设置,如果有css中class属性,需要加双引号"".如 { field: "name", title: "Name", attributes: { "class": "table-cell", style: "text-align: right; font-size: 14px" } }

Kendo UI:Grid中标题css样式设置

问题 Grid表格的标题样式怎么设置? 解决方案 使用headerAttributes属性设置,如果有css中class属性,需要加双引号"".如 { field: "name", headerAttributes: { "class": "table-header-cell", style: "text-align: right; font-size: 14px" } }

Ext grid中单元格编辑,editor为combobox时用法

{ header: 'TO_PTN_NM', dataIndex: "TO_PTN_NM", sortable: true, renderer: function (v, m, recod, rowindex, colindex) { if (true) { m.style = " background-color: #ccffcc;"; }; return v; }, editor: { //xtype: 'textfield', selectOnFocus: t

Kendo UI Grid 模型绑定

开篇 接触 Asp.net MVC 时间较长的童鞋可能都会了解过模型绑定(Model Binding),而且在一些做 Web 项目的公司或是Team面试中也经常会被问到.项目中有很多 Action 中都使用了自定义的模型绑定,但是业务逻辑太过复杂不适合做为例子与大家分享,而今天在做一个 Kendo UI 的功能时觉得可以用 Kendo UI 做为例子与大家分享与探讨一个典型的 Model Binding 的过程. 写的比较随性,欢迎大家讨论及拍砖! 背景介绍 Kendo UI: 它是一个非常出名

kendo ui grid 创建一行数据多次添加(kendo ui grid datasource multiple create)

今天测试之前使用kendo ui grid 做的数据表格的时候发现了一个bug,我使用的是kendo ui grid 系统自带的自动添加数据和编辑数据的功能,每次添加完一条数据的时候继续添加的时候会发现之前添加的数据会重复添加.查看官方文档,文档说是dataSource schema model id 必须是唯一键,而且添加数据完成之后需要返回一个数据包含id,结果研究了半天没有找到问题所在. var crudServiceBaseUrl = "/NFC"; var dataSourc

Kendo UI grid 表格数据更新

1.整行数据更新 ? 1 2 3 4 5 //获取grid表格<br>var table0 = $(updateTableID).data("kendoGrid");<br>//删除第一条 var lastTableData = table0.dataSource.at(0); table0.dataSource.remove(lastTableData); //添加一条至最后一条后 table0.dataSource.add(req[k]);<br>

MS SQL Server中的CONVERT日期格式化大全

CONVERT 函数将某种数据类型的表达式显式转换为另一种数据类型.SQL Server中 将日期格式化. SQL Server 支持使用科威特算法的阿拉伯样式中的数据格式. 在表中,左侧的两列表示将 datetime 或 smalldatetime 转换为字符数据的 style 值.给 style 值加 100,可获得包括世纪数位的四位年份 (yyyy). 不带世纪数位 (yy) 带世纪数位 (yyyy) 标准 输入/输出** - 0 或 100 (*) 默认值 mon dd yyyy hh:

border-collapse:collapse;清除表格中单元格的空隙

border-collapse:collapse;清除表格中单元格的空隙

IE 中单元格的 colspan 属性在某些情况下会影响 TABLE 元素的自动布局

今天在写一个jsp页面时,遇到一个如下的问题:在一个table中写了如下内容,table中定义了4列,在firefox中能正常显示,而在ie8中,显示不正常, 如下如图1:第二,三,四列宽度发生变化,和代码中定义的宽度显示不一致, 图1(IE8): 图2(firefox): 代码如下: 1 <table id="cont2"> 2 <tbody> 3 <tr> 4 <td class="ct_t"> 5 是否分包<