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 相关文章推荐
js 连接数据库如何操作数据库中的数据
Nov 23 Javascript
jquery操作复选框checkbox的方法汇总
Feb 05 Javascript
jQuery实现带滑动条的菜单效果代码
Aug 26 Javascript
javascript实现禁止复制网页内容汇总
Dec 30 Javascript
JS加载iFrame出现空白问题的解决办法
May 13 Javascript
Bootstrap基本样式学习笔记之表单(3)
Dec 07 Javascript
js实现产品缩略图效果
Mar 10 Javascript
Vue中定义全局变量与常量的各种方式详解
Aug 23 Javascript
vue使用 better-scroll的参数和方法详解
Jan 25 Javascript
解决vue+webpack打包路径的问题
Mar 06 Javascript
使用Layui搭建后台管理界面的操作方法
Sep 20 Javascript
layer弹出框确定前验证:弹出消息框的方法(弹出两个layer)
Sep 21 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
解决MySQL中文输出变成问号的问题
2008/06/05 PHP
调用WordPress函数统计文章访问量及PHP原生计数器的实现
2016/03/21 PHP
PHP生成指定范围内的N个不重复的随机数
2019/03/18 PHP
利用PHP内置SERVER开启web服务(本地开发使用)
2021/03/09 PHP
JavaScript 精粹读书笔记(1,2)
2010/02/07 Javascript
20个非常棒的 jQuery 幻灯片插件和教程分享
2011/08/23 Javascript
jQuery渐变发光导航菜单的实例代码
2013/03/27 Javascript
js调用AJAX时Get和post的乱码解决方法
2013/06/04 Javascript
Javascript中call的两种用法实例
2013/12/13 Javascript
利用window.name实现windowStorage代码分享
2014/01/02 Javascript
jQuery中Dom的基本操作小结
2014/01/23 Javascript
jQuery简易图片放大特效示例代码
2014/06/09 Javascript
ZeroClipboard插件实现多浏览器复制功能(支持firefox、chrome、ie6)
2014/08/30 Javascript
jquery中post方法用法实例
2014/10/21 Javascript
javascript中$(function() {});写与不写有哪些区别
2015/08/10 Javascript
基于replaceChild制作简单的吞噬特效
2015/09/21 Javascript
浅谈js继承的实现及公有、私有、静态方法的书写
2016/10/28 Javascript
详解可以用在VS Code中的正则表达式小技巧
2019/05/14 Javascript
浅谈layer弹出层按钮颜色修改方法
2019/09/11 Javascript
layui的数据表格+springmvc实现搜索功能的例子
2019/09/28 Javascript
Python的Flask框架标配模板引擎Jinja2的使用教程
2016/07/12 Python
解决python3在anaconda下安装caffe失败的问题
2017/06/15 Python
PyQt Qt Designer工具的布局管理详解
2019/08/07 Python
解决Tensorflow占用GPU显存问题
2020/02/03 Python
Html5让容器充满屏幕高度或自适应剩余高度的布局实现
2020/05/14 HTML / CSS
一个基于canvas的移动端图片编辑器的实现
2020/10/28 HTML / CSS
JD Sports瑞典:英国领先的运动时尚商店
2018/01/28 全球购物
关于VPN
2012/06/10 面试题
商场活动策划方案
2014/01/24 职场文书
励志演讲稿范文
2014/04/29 职场文书
水污染治理工程专业求职信
2014/06/14 职场文书
建筑工地文明标语
2014/10/09 职场文书
2014年公司工作总结
2014/11/22 职场文书
2015年重阳节慰问信
2015/03/23 职场文书
实习证明格式范文
2015/06/16 职场文书
mysql通过group by分组取最大时间对应数据的两种有效方法
2022/09/23 MySQL