layui table工具栏点击时间_layui table表格上添加日期控件laydate
方法:標(biāo)紅的地方是關(guān)鍵,經(jīng)測試不要?data_field:'velappr' 也能用。
tatable.render({
id:'idTest'
,elem: '#dict'
,page: true, size:'sm',height: 410
,url: 'demo.json' //數(shù)據(jù)接口
,cols: [[ //表頭
{fixed: 'left', toolbar: '#barDemo', width:100 , align:'center', title:"操作"}
,{field:'plateno', width:100,align:'center',title:'車牌號(hào)'}
,{field:'velappr' , width:100, align:'center', title:'車輛年審',event:'date1',data_field:'velappr',style:'background-color:#fbeef0'}
,{field:'runappr' , width:100, align:'center', title:'運(yùn)營證年審',event:'date2',data_field:'runappr',style:'background-color:#fbeef0'}
]]
});
處理方法:
var field = $(this).data('field'); //獲取當(dāng)前對(duì)象的字段名稱,(如:field:'velappr')
laydate.render({
elem: this.firstChild
, show: true //直接顯示
, closeStop: this //這里代表的意思是:點(diǎn)擊 this 所在元素阻止關(guān)閉事件冒泡。如果不設(shè)定,則無法彈出控件
, done: function (value, res) {
data[field] = value; //修改后的值
obj.update(res); //res的值:{"year":2020,"month":1,"date":7,"hours":0,"minutes":0,"seconds":0}
}
});
效果圖:
總結(jié)
以上是生活随笔為你收集整理的layui table工具栏点击时间_layui table表格上添加日期控件laydate的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 4字节 经纬度_Swift4 经纬度计算
- 下一篇: 怎么移动矩形选框工具选中的东西_程序员应