jQuery EasyUI时间戳自定义时间显示格式类型

来源：互联网发布：淘宝吊带碎花长裙编辑：程序博客网时间：2024/06/14 04:03

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;
 
}

自定义扩展date对象：

<html><script>  Date.prototype.format = function(format) {    var o = {      "M+": this.getMonth() + 1, // month      "d+": this.getDate(), // day      "h+": this.getHours(), // hour      "m+": this.getMinutes(), // minute      "s+": this.getSeconds(), // second      "q+": Math.floor((this.getMonth() + 3) / 3), // quarter      "S": this.getMilliseconds()      // millisecond    }    if (/(y+)/.test(format))      format = format.replace(RegExp.$1, (this.getFullYear() + "")        .substr(4 - RegExp.$1.length));    for (var k in o)      if (new RegExp("(" + k + ")").test(format))        format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length));    return format;  }</script><body>  <script>    var date = new Date();    console.info(date);    console.info(date.format("yyyy-MM-dd hh:mm"));  </script></body></html>

0 0