layui格式化表格时间
时间: 2023-08-29 16:13:51 浏览: 125
Layui的树形表格treeTable
可以使用 layui 的时间戳格式化工具 laytpl,具体步骤如下:
1. 在 layui.use 中引入 laytpl 模块:
```javascript
layui.use(['table', 'laytpl'], function(){
var table = layui.table;
var laytpl = layui.laytpl;
// ...
});
```
2. 在 table.render 中的 cols 中设置 templet 属性,并使用 laytpl 进行格式化:
```javascript
table.render({
elem: '#test',
url: '/demo/table/user/',
cols: [[
{field:'id', title:'ID', width:80},
{field:'username', title:'用户名', width:120},
{field:'email', title:'邮箱', width:150},
{field:'sign', title:'签名'},
{field:'sex', title:'性别', width:80},
{field:'city', title:'城市', width:100},
{field:'experience', title:'积分', width:80},
{field:'logins', title:'登入次数', width:100},
{field:'joinTime', title:'加入时间', width:120, templet: function(d){
return laytpl('{{ formatTime(d.joinTime) }}').render({
formatTime: function(time) {
var date = new Date(time);
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate();
var hour = date.getHours();
var minute = date.getMinutes();
var second = date.getSeconds();
return year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second;
}
});
}},
{field:'operate', title:'操作', width:150, toolbar: '#barDemo'}
]]
});
```
在上面的代码中,我们在加入时间这一列中使用了 laytpl,并传入了一个 formatTime 方法,该方法用于将时间戳格式化为指定的格式。在模板中,我们使用 {{ formatTime(d.joinTime) }} 的方式调用该方法,其中 d 是当前行的数据对象,joinTime 是该对象中时间戳的属性名。
3. 编写模板:
```html
<script type="text/html" id="barDemo">
<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
```
在上面的代码中,我们定义了一个操作列,并使用了 layui 的模板语法。在模板中,我们使用 lay-event 属性指定了点击事件的名称,并在 JS 中监听该事件,从而实现相应的操作。
阅读全文