layui 可编辑表格改为日期控件

最新推荐文章于 2023-05-08 14:25:14 发布

诚实可靠的悟空

最新推荐文章于 2023-05-08 14:25:14 发布

阅读量1.9k

点赞数 3

分类专栏： layui

本文链接：https://blog.csdn.net/qq_20519453/article/details/109159148

版权

layui 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

layui 可编辑表格改为日期控件

this.equipmentTableOption = {
            url: Feng.ctxPath + '/deviceCameraRemove/deviceCameraRemoveList?orderRemoveId=' + $('#orderRemoveId').val(),
            elem: '#acceptanceEquipmentTable',
            page: false,
            limit: 1000,
            cols: [[
                {type: 'numbers', title: '序号'},
                {
                    field: 'actualExpireDate',
                    title: '<i class="layui-icon layui-icon-edit" style="color:#000;">实际计费结束时间:',
                    minWidth: 100,
                    edit: true,
                    event: 'date' // 事件, 对应下面 
                },
                {field: 'memo', title: '备注',}
            ]],
            data: [],
            response: {
                statusCode: 200
            }
        };

table.on('tool(acceptanceEquipmentTable)',
                function (d) {
                    var data = d.data;
                    var newdata = {};
                    switch (d.event) {
                        case "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;
                                        d.update(newdata);
                                    }
                                });
                            break;
                    }
                });