layUI日期格式转换

简介: layUI日期格式转换

使用layui的2.4.5版本,在util中已经带了格式转换的函数。这里主要记录如何使用。

未使用前在table中显示如下:


前端代码如下:

{field:'createDate', title: '退货日期',minWidth:150}

通过模版和util工具类,可以针对时间戳进行格式化:

{field:'createDate', title: '退货日期',templet:'<div>{{ layui.util.toDateString(d.createDate, "yyyy-MM-dd HH:mm:ss") }}</div>',minWidth:150}

这里注意: 在模版中一定要加上div标记,否则会提示错误。

最终显示如下:


相关文章
element-plus:el-date-picker日期只选择年月不要日
element-plus:el-date-picker日期只选择年月不要日
591 0
|
JSON JavaScript Unix
多种方式解决EasyUI—DataGrid中DateTime的格式化问题
多种方式解决EasyUI—DataGrid中DateTime的格式化问题
473 0
多种方式解决EasyUI—DataGrid中DateTime的格式化问题
|
关系型数据库 MySQL 数据库
Element el-date-picker 日期选择器详解
本文目录 1. 前言 2. 基本用法 3. 日期格式化 4. 选择其他日期单位 5. 选择多个日期 6. 带快捷选项 7. 禁用部分日期 8. 小结
4813 0
Element el-date-picker 日期选择器详解
|
JavaScript 机器学习/深度学习 UED
jQuery weui时间选择器datetimepicker只要年月日解决方案
只想选择年月日,jquery-weui建议使用日历但实际的需求如果选择生日等等,日历选择的用户体验很不好,所以进行源码修改,看下面颜色标注。 HTML部分 下面是JS部分 $("#birth").
4968 0
|
4月前
|
JavaScript
layui laydate日期初始化的一些坑
【2月更文挑战第8天】layui laydate日期初始化的一些坑
|
11月前
|
移动开发 JavaScript HTML5
28HUI - DatePicker(hui.datePicker())
28HUI - DatePicker(hui.datePicker())
27 0
LayUI中laydate组件改装,只选时分秒
我们必须要先选择日期,才能选择时间
321 0
LayUI中laydate组件改装,只选时分秒
【Layui】textarea写法
【Layui】textarea写法
1343 0