layui行內編輯顯示日期時間


社區找到的方法,記錄一下,方便日后使用

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))
              }
          });
      }
})

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM