layui行内编辑显示日期时间

最新推荐文章于 2024-12-23 23:40:43 发布

weixin_30477797

最新推荐文章于 2024-12-23 23:40:43 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 数据库 json ViewUI

原文链接：http://www.cnblogs.com/lemonmoney/p/10898264.html

博主记录从社区找到的方法，涉及table部分和监听部分，方便日后使用，该方法转载自https://www.cnblogs.com/lemonmoney/p/10898264.html 。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

table部分

cols:[[
    { field: 'back_count', title: '数量', width: 90, edit: 'text', totalRow: true },
    { field: 'arrival_date', title: '创建时间', width: 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