test

• 學(xué)生評優(yōu)評先系統(tǒng)

• 學(xué)生信息管理

  學(xué)生信息查詢
  學(xué)生信息添加
• 注冊
• 登錄

查看

編輯

刪除

$(function () {

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

var $table = layui.table;

//第一個實例

$table.render({

elem: '#stu',

height: 300,

//數(shù)據(jù)接口,

url: '/stu/student/getAllClazz',

//開啟分頁

page: true,

//表頭

cols: [[

{checkbox: true},

{field: 'sid', title: '學(xué)號', width: 200, sort: true},

{field: 'name', title: '姓名', edit: "text", width: 100},

{field: 'birth', title: '出生年月', type: "date", templet: '#birth'},

{field: 'gender', title: '性別', width: 60},

{field: 'idCard', title: '省份證號'},

{field: 'address', title: '家庭住址'},

{field: 'clazz.cid', title: '班級編號?', templet: "#cid"},

{field: 'right', title: '操作', width: 177, toolbar: "#barDemo"}

]],

});

$table.on("checkbox(stu)", function (obj) {

console.log(obj);

});

$table.on('edit(stu)', function (obj) {

//obj.value: 得到修改后的值,obj.data: 得到所在行所有鍵值,obj.field: 得到字段

var value = obj.value, data = obj.data, field = obj.field;

layer.msg('[ID: ' + data.id + '] ' + field + ' 字段更改為：' + value);

});

$table.on("tool(stu)", function (obj) {

console.log(obj);

});

})

});

{{#

var birth = function(birth) {

if(date) {

var t = new Date(birth);

return t.getFullYear() + "-" + (t.getMonth() + 1) + "-" + t.getDate();

} else {

return "";

}

}

}}

{{birth(d.birth)}}

{{#

return d.clazz.clazzName;

}}

總結(jié)

以上是生活随笔為你收集整理的layui templet格式化_layui数据表格日期如何格式化成2012-12-30这样的？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。