码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-01-08 13:02:37      阅读:1048      评论:0      收藏:0      [点我收藏+]

标签:json   对象   function   控件   this   stc   width   script   col   

参考出处: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} } });

效果图:

技术图片

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

标签:json   对象   function   控件   this   stc   width   script   col   

原文地址:https://www.cnblogs.com/xi-li/p/12165750.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!