layui行内编辑显示日期时间

社区找到的方法,记录一下,方便日后使用

table部分

cols:[[
    { field: 'back_count', title: '数量',  90, edit: 'text', totalRow: true },
    { field: 'arrival_date', title: '创建时间',  200, edit: 'text',event:'date',data_field: "dBeginDate"}
]],
data: [{ 
  dBeginDate:''
}]

  监听部分:

  //监听单元格编辑
 table.on('edit('test')', function (obj) {
       var value = obj.value //得到修改后的值
        , data = obj.data //得到所在行所有键值
        , field = obj.field; //得到字段
       layer.msg('[ID: ' + data.id + '] ' + field + ' 字段更改为:' + value);
});
table.on('tool('test')', function (obj) {
      var newdata = {};
      if (obj.event === 'date') {
          var field = $(this).data('field');
          laydate.render({
              elem: this.firstChild
              , show: true //直接显示
              , closeStop: this
              , type: 'datetime'
              , format: "yyyy-MM-dd HH:mm:ss"
              , done: function (value, date) {
                  newdata[field] = value;
                  obj.update(newdata);
                  alert(JSON.stringify(value))
              }
          });
      }
})

  

原文地址:https://www.cnblogs.com/lemonmoney/p/10898264.html