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>";
}
}
},
-------------------------
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>";
}
}
},
-------------------------
相关文章推荐
- easyui datagrid 日间格化(JS 日期时间本地化显示)
- easyui datagrid 日间格化(JS 日期时间本地化显示)
- EasyUI的DataGrid日期列(datebox)正确显示json时间格式
- easyui datagrid 日间格化(JS 日期时间本地化显示)
- easyUI的datagrid日期正常显示解决方案
- EasyUI的DataGrid日期列(datebox)正确显示json时间格式
- easyui datagrid 日间格化(JS 日期时间本地化显示)
- EasyUI的DataGrid日期列(datebox)正确显示json时间格式
- easyui里关于datagrid日期不能正常显示
- [转载]easyui datagrid 时间格化(JS 日期时间本地化显示)
- easyui datagrid 数据库日期格式数据在前台显示
- 使用EasyUi框架的datagrid组件显示时间问题
- jquery easyui datebox 时间控件默认显示当前日期的实现方法
- Flask-Moment本地化日期和时间显示不正常
- 怎样使winform的DataGrid里显示的日期只显示年月日部分,去掉时间?
- 自定义EasyUI的datetimebox控件日期时间的显示格式(转)
- 自定义EasyUI的datetimebox控件日期时间的显示格式
- SPC-Light显示正常的日期与时间
- easyui datagrid设置fit: true后,页面显示不全的情况
- easyui datagrid 的时间不能正确显示