可以使用
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:'jo
inTime', title:'加入
时间', width:120, templet: function(d){
return laytpl('{{ formatTime(d.jo
inTime) }}').render({
formatTime: function(time) {
var
date = new
Date(time);
var year =
date.getFullYear();
var month =
date.getMonth() + 1;
var day =
date.get
Date();
var hour =
date.getHours();
var minute =
date.getMinutes();
var se
cond =
date.getSe
conds();
return year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + se
cond;
}
});
}},
{field:'operate', title:'操作', width:150, toolbar: '#barDemo'}
]]
});
```
在上面的代码中，我们在加入
时间这一列中使用了 laytpl，并传入了一个 formatTime 方法，该方法用于将
时间戳
格式化为指定的格式。在模板中，我们使用 {{ formatTime(d.jo
inTime) }} 的方式调用该方法，其中 d 是当前行的数据对象，jo
inTime 是该对象中
时间戳的属性名。
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 中监听该事件，从而实现相应的操作。
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
