layui前端时间戳转化实例


Posted in Javascript onNovember 15, 2019

1、html : 添加一个table,用来显示数据

<table class="layui-table" id="list" lay-filter="manageEvent"></table>

2、js部分 :接收后台传来的数据

layui.use(['laypage', 'layer','element','table','form'], function(){
   var laypage = layui.laypage;
   var layer = layui.layer;
   var element = layui.element;
   var table = layui.table;
   var form = layui.form;
   
   table.render({
    elem: '#list',
    url: '${path}/manage/selectManageList', //数据接口,
    page: false, //开启分页
    cols: [[ //表头
     {field: 'manageId', title: 'ID', sort: true, fixed: 'left',align:"center"},
     {field: 'phone', title: '手机号码',align:"center"},
     {field: 'mrtRoleName', title: '身份',align:"center"},
     {field: 'loginTime', title: '最后登入时间',align:"center",templet: '#loginTime'},
     {field: 'status', title: '状态',templet: '#statusTpl',align:"center"},
     {field:'status', title:'操作', toolbar: '#barDemo',templet:"#statusEdit",unresize: true,align:"center"}
    ]]

 });

3、引进 :

<script type="text/html" id="loginTime"> 

 {{ dateFormat(d.loginTime) }} // d是layui自带的
</script>

layui前端时间戳转化实例

4、引入下面JS代码,可以刚在公共的JS文件里面

/* 时间戳转化开始 */
  Date.prototype.format = function (fmt) { //author: meizz 
   var o = { 
    "M+": this.getMonth() + 1, //月份 
    "d+": this.getDate(), //日 
    "h+": this.getHours(), //小时 
    "m+": this.getMinutes(), //分 
    "s+": this.getSeconds(), //秒 
    "q+": Math.floor((this.getMonth() + 3) / 3), //q是季度
    "S": this.getMilliseconds() //毫秒 
   }; 
   if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length)); 
   for (var k in o) 
    if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length))); 
   return fmt; 
  } 
  
  String.prototype.format = function (args) { 
   var result = this; 
   if (arguments.length > 0) { 
    if (arguments.length == 1 && typeof (args) == "loginTime") { 
     for (var key in args) { 
      if (args[key] != undefined) { 
       var reg = new RegExp("({" + key + "})", "g"); 
       result = result.replace(reg, args[key]); 
      } 
     } 
    } 
    else { 
     for (var i = 0; i < arguments.length; i++) { 
      if (arguments[i] != undefined) { 
       //var reg = new RegExp("({[" + i + "]})", "g");//这个在索引大于9时会有问题 
       var reg = new RegExp("({)" + i + "(})", "g"); 
       result = result.replace(reg, arguments[i]); 
      } 
     } 
    } 
   } 
   return result; 
  }
  function dateFormat(value) {
   return value ? new Date(value*1000).format("yyyy-MM-dd hh:mm:ss") : ""; 
  }

值得注意的是:value值,毫秒还是秒;我这里的value是毫秒所以乘了1000

/* 时间戳转化结束

layui前端时间戳转化实例

以上这篇layui前端时间戳转化实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
html下载本地
Jun 19 Javascript
jQuery不间断滚动效果(模拟百度新闻支持文字/图片/垂直滚动)
Feb 05 Javascript
ztree获取当前选中节点子节点id集合的方法
Feb 12 Javascript
JS扩展方法实例分析
Apr 15 Javascript
javascript自动恢复文本框点击清除后的默认文本
Jan 12 Javascript
一个非常好用的文字滚动的案例,鼠标悬浮可暂停[两种方案任选]
Dec 01 Javascript
angular和BootStrap3实现购物车功能
Jan 25 Javascript
js实现手机发送验证码功能
Mar 13 Javascript
Vue父子模版传值及组件传值的三种方法
Nov 27 Javascript
vue2.0 常用的 UI 库实例讲解
Dec 12 Javascript
Cocos2d实现刮刮卡效果
Dec 20 Javascript
uni-app 组件里面获取元素宽高的实现
Dec 27 Javascript
JavaScript变量基本使用方法实例分析
Nov 15 #Javascript
JavaScript字符串处理常见操作方法小结
Nov 15 #Javascript
layui数据表格重载实现往后台传参
Nov 15 #Javascript
JS实现贪吃蛇游戏
Nov 15 #Javascript
Layui表格监听行单双击事件讲解
Nov 14 #Javascript
layui table表格数据的新增,修改,删除,查询,双击获取行数据方式
Nov 14 #Javascript
解决Layui数据表格显示无数据提示的问题
Nov 14 #Javascript
You might like
全国FM电台频率大全 - 15 山东省
2020/03/11 无线电
怎样辨别一杯好咖啡
2021/03/03 新手入门
把PHP安装为Apache DSO
2006/10/09 PHP
php_xmlhttp 乱码问题解决方法
2009/08/07 PHP
PHP捕获Fatal error错误的方法
2014/06/11 PHP
PHP查询大量数据内存耗尽问题的解决方法
2016/10/28 PHP
Laravel框架中Blade模板的用法示例
2017/08/30 PHP
PHP+MySQL实现模糊查询员工信息功能示例
2018/06/01 PHP
PHP之多条件混合筛选功能的实现方法
2019/10/09 PHP
如何通过Apache在本地配置多个虚拟主机
2020/07/29 PHP
基于jQuery的仿flash的广告轮播代码
2010/11/04 Javascript
js处理自己不能定义二维数组的方法详解
2014/03/03 Javascript
node.js中watch机制详解
2014/11/17 Javascript
对JavaScript中this指针的新理解分享
2015/01/31 Javascript
JS实现选择TextArea内文本的方法
2015/08/03 Javascript
WordPress 单页面上一页下一页的实现方法【附代码】
2016/03/10 Javascript
解析AngularJS中get请求URL出现的跨域问题
2016/12/01 Javascript
jQuery中值得注意的trigger方法浅析
2016/12/12 Javascript
jQuery监听浏览器窗口大小的变化实例
2017/02/07 Javascript
jQueryeasyui 中如何使用datetimebox 取两个日期间相隔的天数
2017/06/13 jQuery
详解webpack+vue-cli项目打包技巧
2017/06/17 Javascript
JavaScript监听手机物理返回键的两种解决方法
2017/08/14 Javascript
vue2.0 使用element-ui里的upload组件实现图片预览效果方法
2018/09/04 Javascript
如何利用vue实现波谱拟合详解
2020/11/05 Javascript
python logging 日志轮转文件不删除问题的解决方法
2016/08/02 Python
Python 实现使用dict 创建二维数据、DataFrame
2018/04/13 Python
Python设计模式之解释器模式原理与用法实例分析
2019/01/10 Python
python在OpenCV里实现投影变换效果
2019/08/30 Python
Python3爬虫中pyspider的安装步骤
2020/07/29 Python
python从ftp获取文件并下载到本地
2020/12/05 Python
HTML5之多线程(Web Worker)
2019/01/02 HTML / CSS
英国婴儿和儿童服装网站:Vertbaudet
2018/04/02 全球购物
Love, Bonito国际官网:新加坡女装品牌
2021/03/13 全球购物
工程类专业自荐信范文
2014/03/09 职场文书
奥巴马胜选演讲稿
2014/05/15 职场文书
浅析Redis Sentinel 与 Redis Cluster
2021/06/24 Redis