layui table表格上添加日期控件laydate

參考出處：https://www.cnblogs.com/luo1240465012/p/11424130.html

方法：標紅的地方是關鍵，經測試不要 data_field:'velappr' 也能用。

tatable.render({
  　　id:'idTest'
  　　,elem: '#dict'
  　　,page: true, size:'sm',height: 410
     ,url: 'demo.json' //數據接口
     ,cols: [[ //表頭
    　　{fixed: 'left', toolbar: '#barDemo', width:100 , align:'center', title:"操作"}
      ,{field:'plateno', width:100,align:'center',title:'車牌號'}
      ,{field:'velappr' , width:100, align:'center', title:'車輛年審',event:'date1',data_field:'velappr',style:'background-color:#fbeef0'}
      ,{field:'runappr' , width:100, align:'center', title:'運營證年審',event:'date2',data_field:'runappr',style:'background-color:#fbeef0'}
    ]]
  });

處理方法：

var field = $(this).data('field');  //獲取當前對象的字段名稱，（如：field:'velappr'）

laydate.render({ 
　　elem: this.firstChild 
　　, show: true //直接顯示 
　　, closeStop: this  //這里代表的意思是：點擊 this 所在元素阻止關閉事件冒泡。如果不設定，則無法彈出控件
　　, done: function (value, res) {
　　　　data[field] = value; //修改后的值
　　　　obj.update(res); //res的值：{"year":2020,"month":1,"date":7,"hours":0,"minutes":0,"seconds":0}
   }
});

效果圖：