您的位置:首页 > 产品设计 > UI/UE

easyUi DataGrid 显示日期列,时间为空也可,的正常显示,及普通居中列情况

2015-01-14 15:56 573 查看
$('#tt').datagrid({
url: '@Url.Content("~/kpi/FindList")',
width: "auto",
height: "auto",
fitColumns: true,
nowrap: false,
pagination: true,
pageNumber: 1,
singleSelect: false,
frozenColumns: [[{ field: 'ck', checkbox: true}]],
columns: [[

普通列:

{ field: 'ProjectName', title: '项目名称', width: 120, align: 'center', styler: function (value, row, index) { return 'vertical-align:middle;'; } },

居中显示列:

{ field: 'Id', title: '任务号', align: 'center', width: 50, formatter: function (val, rec) {
return "<div class='hiddenFontGommom devicetypes_a_box' >" + rec.Id + "</div>";
}
},

时间显示列:

{ field: 'ImplementationBeginDate', title: '实施开始时间', align: 'center', width: 220, formatter: function (val, rec) {
var date = new Date(parseInt(rec.ImplementationBeginDate.substr(6)));
var dateTime = date.getFullYear() + "-" + ((date.getMonth() + 1).toString().length > 1 ? (date.getMonth() + 1) : "0" + (date.getMonth() + 1)) + "-" + (date.getDate().toString().length > 1 ? date.getDate() : ("0" + date.getDate()))
+ " " + (date.getHours().toString().length > 1 ? date.getHours() : ("0" + date.getHours())) + ":" + (date.getMinutes().toString().length > 1 ? date.getMinutes() : ("0" + date.getMinutes())) + ":" + (date.getSeconds().toString().length > 1 ? date.getSeconds() : ("0" + date.getSeconds()));
return "<div class='hiddenFontGommom devicetypes_a_box' title=" + dateTime.replace(/ /g, " ") + ">" + dateTime + "</div>";
}
},

有时间为空的特殊时间显示列:

{ field: 'ImplementationEndDate', title: '实际完成时间', align: 'center', width: 220, formatter: function (val, rec) {
if (rec.ImplementationEndDate == null || rec.ImplementationEndDate == '') {
return "<div class='hiddenFontGommom devicetypes_a_box' ></div>";
}
else {
var date = new Date(parseInt(rec.ImplementationEndDate.substr(6)));
var dateTime = date.getFullYear() + "-" + ((date.getMonth() + 1).toString().length > 1 ? (date.getMonth() + 1) : "0" + (date.getMonth() + 1)) + "-" + (date.getDate().toString().length > 1 ? date.getDate() : ("0" + date.getDate()))
+ " " + (date.getHours().toString().length > 1 ? date.getHours() : ("0" + date.getHours())) + ":" + (date.getMinutes().toString().length > 1 ? date.getMinutes() : ("0" + date.getMinutes())) + ":" + (date.getSeconds().toString().length > 1 ? date.getSeconds() : ("0" + date.getSeconds()));

return "<div class='hiddenFontGommom devicetypes_a_box' title=" + dateTime.replace(/ /g, " ") + ">" + dateTime + "</div>";
}
}
},

-------------------------
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: