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

最新推荐文章于 2020-11-11 15:57:55 发布

麦田里守望者_

最新推荐文章于 2020-11-11 15:57:55 发布

阅读量6.8k

点赞数 1

分类专栏： Web

Web 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

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>

麦田里守望者_

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery EasyUI时间戳自定义时间显示格式类型

jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。datagrid时间显示问题，EasyUI会将时间类型的数据改为时间戳，下面说一说如何将时间戳由使用者自
复制链接

扫一扫