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

easyUI格式化显示Date类型的时间数据

2018-03-02 17:50 501 查看
字段的类型为Date,后台返回到前端的时间不加处理将会显示成“Feb 27, 2018 12:00:00 AM”,显然,这不是我们所想要的格式,那应该如何处理呢?新建一个格式化显示时间的js: dateFormat.js,输入以下内容:

/**
* 时间格式化
* @param value
* @returns {string}
*/
function dateFormatter (value) {
var date = new Date(value);
var year = date.getFullYear().toString();
var month = (date.getMonth() + 1);
var day = date.getDate().toString();
var hour = date.getHours().toString();
var minutes = date.getMinutes().toString();
var seconds = date.getSeconds().toString();
if (month < 10) {
month = "0" + month;
}
if (day < 10) {
day = "0" + day;
}
if (hour < 10) {
hour = "0" + hour;
}
if (minutes < 10) {
minutes = "0" + minutes;
}
if (seconds < 10) {
seconds = "0" + seconds;
}
return year + "-" + month + "-" + day + " " + hour + ":" + minutes + ":" + seconds;

}


然后在页面中引入该js,最后在column的field中调用该js声明的dateFormatter即可。示例:

{field:'VISITDATE',title:'随访时间',width:150,align:'center',formatter:function(value,row,index){return dateFormatter(value);}},
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: