jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。
datagrid时间显示问题,EasyUI会将时间类型的数据改为时间戳,下面说一说如何将时间戳由使用者自定义时间显示格式类型,具体代码如下:
$dg.datagrid({ url : "user/list.action", width : 'auto', height : $(this).height()-90, pagination:true, rownumbers:true, border:false, singleSelect:true, striped:true, columns : [ [ {field : 'createTime',title : '创建时间',width : parseInt($(this).width()*0.1),align : 'left',editor : "text", formatter:function(val,rec){ return jsonTimeStamp(val); }} ] ],toolbar:'#tb' });
将时间戳格式化为yyyy-MM-dd HH:mm:ss,具体代码如下:
function jsonTimeStamp(milliseconds) { if (milliseconds != "" && milliseconds != null && milliseconds != "null") { var datetime = new Date(); datetime.setTime(milliseconds); var year = datetime.getFullYear(); var month = datetime.getMonth() + 1 < 10 ? "0" + (datetime.getMonth() + 1) : datetime.getMonth() + 1; var date = datetime.getDate() < 10 ? "0" + datetime.getDate() : datetime.getDate(); var hour = datetime.getHours() < 10 ? "0" + datetime.getHours() : datetime.getHours(); var minute = datetime.getMinutes() < 10 ? "0" + datetime.getMinutes() : datetime.getMinutes(); var second = datetime.getSeconds() < 10 ? "0" + datetime.getSeconds() : datetime.getSeconds(); return year + "-" + month + "-" + date + " " + hour + ":" + minute + ":" + second; } else { return ""; } }
将时间戳格式化为yyyy-MM-dd,具体代码如下:
function jsonYearMonthDay(milliseconds) { var datetime = new Date(); datetime.setTime(milliseconds); var year = datetime.getFullYear(); var month = datetime.getMonth() + 1 < 10 ? "0" + (datetime.getMonth() + 1) : datetime.getMonth() + 1; var date = datetime.getDate() < 10 ? "0" + datetime.getDate() : datetime.getDate(); return year + "-" + month + "-" + date; }