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