tnblog
首页
视频
资源
登录
愿你出走半生,归来仍是少年
排名
3
文章
317
粉丝
22
评论
14
bootstrap 栅格布局一小例子
剑轩 : 后端写样式有点痛苦哇
一点flex布局的运用
剑轩 : 后端写样式有点痛苦哇
vue.js常用指令
剑轩 : 可以可以,多总结一点
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术

layui时间格式化

13646人阅读 2020/6/24 10:19 总访问:2173258 评论:0 收藏:0 手机
分类: 前端

可以先尝试这样写:

  1. {field: 'showtime',title: '时间',templet:"<div>{{layui.util.toDateString(d.showtime, 'yyyy-MM-dd HH:mm:ss')}}</div> "


但是这样写很有可能出现:layui时间格式化 NaN-NaN-NaN

这一个时候可以使用自定义函数来解决,返回一个你处理后的时间即可

  1. { field: 'CreateDateTime', title: '时间', templet: function (data) { return  你处理后的时间 } }

这个函数有个参数,这个参数随便取名字即可,可以返回这一行的数据,使用这个参数点出来即可,比如要取这个时间就是data.CreateDateTime


处里时间的方法:

可以先把/Date(1567138282927)/ 这种格式的时间转化成日期类型,然后在格式


化成日期类型:

  1. new Date(parseInt('/Date(1567138282927)/'.substr(613)));

然后在格式化成指定的日期:

方法可以参考:https://www.tnblog.net/hb/article/details/3676

具体实现:

  1. , {
  2.     field'CreateDateTime'title'时间'templetfunction (data{
  3.        var day = new Date(parseInt(data.CreateDateTime.substr(613)))
  4.        var time = day.format("yyyy-MM-dd hh:mm");
  5.        return time;
  6.     }
  7. }

其中格式化的方法:

  1. /**
  2.  *对Date的扩展,将 Date 转化为指定格式的String
  3.  *月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符,
  4.  *年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
  5.  *例子:
  6.  *(new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423
  7.  *(new Date()).Format("yyyy-M-d h:m:s.S")      ==> 2006-7-2 8:9:4.18
  8.  */
  9. Date.prototype.format = function (fmt{
  10.     var o = {
  11.         "M+"this.getMonth() + 1//月份
  12.         "d+"this.getDate(), //日
  13.         "h+"this.getHours(), //小时
  14.         "m+"this.getMinutes(), //分
  15.         "s+"this.getSeconds(), //秒
  16.         "q+"Math.floor((this.getMonth() + 3) / 3), //季度
  17.         "S"this.getMilliseconds() //毫秒
  18.     };
  19.     if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
  20.     for (var k in o)
  21.         if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
  22.     return fmt;
  23. }




欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739。有需要软件开发,或者学习软件技术的朋友可以和我联系~(Q:815170684)

评价

layui水平二级菜单时长不显示的问题

调用一下初始化方法Init就可以解决了

layui 表单模块常见问题

layui 设置select宽度直接设置select外层的宽度就行,layui的select会自适应宽度layui 设置select会被百度编辑器挡住问题是...

layui Select添加选择事件layui 下拉列表

html&lt;selectname=&quot;label&quot;id=&quot;atype&quot;lay-filter=&quot;atype&quot;&gt; &lt;optionvalue=&quot;a&q...

layui布局

Layui 使用layui-container container来指明一个容器版本&lt;divclass=&quot;layui-containercontainer&quot;style=&quot;b...

layui 固定列覆盖滚动条,导致表格错位

对于layui,大家都用过吧:轻量级框架,使用方便,快捷,入手难度小,但是这些优点就不代表你没有踩到它的坑。目前遇到一个...

layuia 图标

图标的官方地址:https://www.layui.com/doc/element/icon.html

layui水平布局

一个layui-input-inline即可 &lt;divclass=&quot;layui-input-inline&quot;&gt; &lt;/div&gt; &lt;divclass=&quot;layui...

layui插件上传图片具体步奏以及获取图片地址

注意事项: (1)在使用插件之前需要引入该插件文件包不可分开使用。 (2)在运行过程中会出现报一个错误(上传图片异常等等...

layui+过滤器 实现权限管理

想要做好一个权限管理并不简单,不管是数据库还是逻辑上都还是有一点复杂的 下面开始讲解我们的权限管理首先创建数据库《规...

layui 弹窗遮罩层把弹窗挡住问题

代码:layer.open({ type:1, area:[&quot;300px&quot;,&quot;300px&quot;], content:$(&quot;#addvieww&quot;) });分析...

layui 报错 l.push is not a function

解决方法:layui.use([&#39;jquery&#39;,&#39;layer&#39;,&#39;element&#39;],function(){ } 而不是 layui.use(&#39...

layer loading。layui 菊花

layer loading层很简单,起到一个遮罩提示加载的效果打开://loading层 varlayerIndex=layer.load(1,{ shade:[0.1,&#39;#...

layui Tab菜单添加点击事件

layui 实现Tab菜单很简单使用下面的代码即可&lt;divclass=&quot;layui-tab&quot;lay-filter=&quot;test1&quot;&gt; &lt;ul...

使用vue渲染layui的复选框时无法渲染

这是因为使用vue后数据是动态生成的,没有被layui渲染出来所以有问题,调用一下layui的渲染方法即可layui.use([&#39;form&#...

vue+layui默认选中第一个tab

可以利用v-for中的index,然后使用一个三目运算即可&lt;ulclass=&quot;layui-tab-title&quot;&gt; &lt;liv-for=&quot;(item...

layui tab切换更改同一个内容

layui tab切换时如何更改同一个内容呢,不用一个tab对应一个内容,就相当于改变同一个内容,其实很简单就是只留layui-tab-c...