layui templet格式化_layui框架中格式化table中的日期时间数据

####1、遇到问题:

在使用layui框架时,后台返回的日期数据一个长整形的数据,因此要把数据格式化成 yyyy-MM-dd HH:mm:ss的形式

####2、后台返回的数据:

sbj_start在后台是java.util.Date类型的数据,响应到前端是一个很长的数字

####3、日期数据格式化Demo

只需要在table中的日期字段后面加上templet : "

{{layui.util.toDateString(d.sbj_start, 'yyyy-MM-dd HH:mm:ss')}}
"

即可

layui表格渲染,时间问题

body{overflow-y: scroll;}

layui.use('table', function(){

var table = layui.table;

//第一个实例

table.render({

elem: '#demo'

,height: 315

,url: 'http://localhost:8080/oes/teacher/examlist.do' //数据接口

,page: true //开启分页

,cols: [[ //表头

{field:

、、、省略数据、、、、

,{field: 'date', title: '日期', templet : "

{{layui.util.toDateString(d.sbj_start, 'yyyy年-MM月-dd日 HH:mm:ss')}}
"}

]]

});

});

####4、显示结果

####5、注意事项

日期的格式化形式可以有很多种,可以参考layui官网日期format

layui.util.toDateString(d.【写后台返回json的字段名】,【日期格式】)

如:layui.util.toDateString(d.sbj_start, 'yyyy年-MM月-dd日 HH:mm:ss')

如果上述的第一个参数有错误,会自动格式化当前日期时间,只有跟table中的field的值一样时,才会格式化后台返回的日期时间数据

表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
相关推荐
<p> <b><span style="font-size:14px;"></span><span style="font-size:14px;background-color:#FFE500;">【Java面试宝典】</span></b><br /> <span style="font-size:14px;">1、68讲视频课,500道大厂Java常见面试题+100个Java面试技巧与答题公式+10万字核心知识解析+授课老师1对1面试指导+无限次回放</span><br /> <span style="font-size:14px;">2、这门课程基于胡书敏老师8年Java面试经验,调研近百家互联网公司及面试官的问题打造而成,从筛选简历和面试官角度,给出能帮助候选人能面试成功的面试技巧。</span><br /> <span style="font-size:14px;">3、通过学习这门课程,你能系统掌握Java核心、数据库、Java框架、分布式组件、Java简历准备、面试实战技巧等面试必考知识点。</span><br /> <span style="font-size:14px;">4、知识点+项目经验案例,每一个都能做为面试的作品展现。</span><br /> <span style="font-size:14px;">5、本课程已经在线下的培训课程经过实际检验,老师每次培训结束后,都能帮助同学们运用面试技巧,成功找到更好的工作。</span><br /> <br /> <span style="font-size:14px;background-color:#FFE500;"><b>【超人气讲师】</b></span><br /> <span style="font-size:14px;">胡书敏 | 10年大厂工作经验,8年Java面试官经验,5年线下Java职业培训经验,5年架构师经验</span><br /> <br /> <span style="font-size:14px;background-color:#FFE500;"><b>【报名须知】</b></span><br /> <span style="font-size:14px;">上课模式是什么?</span><br /> <span style="font-size:14px;">课程采取录播模式,课程永久有效,可无限次观看</span><br /> <span style="font-size:14px;">课件、课程案例代码完全开放给你,你可以根据所学知识,自行修改、优化</span><br /> <br /> <br /> <span style="font-size:14px;background-color:#FFE500;"><strong>如何开始学习?</strong></span><br /> <span style="font-size:14px;">PC端:报名成功后可以直接进入课程学习</span><br /> <span style="font-size:14px;">移动端:<span style="font-family:Helvetica;font-size:14px;background-color:#FFFFFF;">CSDN 学院APP(注意不是CSDN APP哦)</span></span> </p>
©️2020 CSDN 皮肤主题: 1024 设计师:白松林 返回首页