Kendo Web UI Grid里时间格式转换

我和大家分享一下我的kendo的学习心得。如果不好的地方多多包含或者给我留言请看图

kendo里时间格式如图Oder Date列里的格式。但是我们想把时间转换成中国人习惯的格式。如Shipped Date列里的格式。

这个就要在设置列里加一个格式format: "{0:yyyy/MM/dd}"请记住开头的 格式都要加一个0:你要排在前面的日期字母。如月/日格式：format:"{0:MM/dd}"，单独月：format:"{0:MM}"整个Grid显示效果代码：

<div id="grid"></div>

<script>
$(document).ready(function() {
$("#grid").kendoGrid({
dataSource: {
type: "odata",
transport: {
read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Orders"
},
schema: {
model: {
fields: {
OrderID: { type: "number" },
ShipCountry: { type: "string" },
ShipCity: { type: "string" },
ShipName: { type: "string" },
OrderDate: { type: "date" },
ShippedDate: {type: "date" }
}
}
},
pageSize: 15
},
height: 430,
sortable: true,
reorderable: true,
resizable: true,
pageable: true,
columns: [
{
field: "OrderDate",
title: "Order Date",
width: 110,
format: "{0:MM/dd/yyyy}"
},
{
field: "ShipCountry",
title: "Ship Country",
width: 110
},
{
field: "ShipCity",
title: "Ship City",
width: 110
},
{
field: "ShipName",
title: "Ship Name",
width: 200
},
{
field: "ShippedDate",
title: "Shipped Date",
format: "{0:yyyy/MM/dd}"
},
{
field: "OrderID",
title: "ID",
width: 60
}
]
});
});
</script>
</div>

详细访问http://demos.telerik.com/kendo-ui/web/grid/column-reordering.html

 

转载于:https://www.cnblogs.com/qmli/p/3633717.html