zoukankan      html  css  js  c++  java
  • 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))
                  }
              });
          }
    })
    

      

  • 相关阅读:
    Munge
    file upload custom form
    随笔摘要
    生成css 和 清缓存
    drupal commit 原则
    Git reset --hard
    www-data
    301/302的区别
    什么是request_uri
    in_array foreach array_search的性能比较
  • 原文地址:https://www.cnblogs.com/lemonmoney/p/10898264.html
Copyright © 2011-2022 走看看