jQuery、DataTables、带有可编辑日期的列，用于从服务器获取的数据

Question

aoColumns属性提供了使用DataTable设置表中呈现的列类型的可能性。

如果类型为textarea，则没有问题，但如何设置“日期”的类型以正确显示日期值，并在日期值专用编辑器（如datepicker）中编辑它。

我使用以下链接中的测试和知识示例：

http://www.script-tutorials.com/datatables-data-from-ajax-edit-in-place/

因为远程编辑数据库表是我的需求之一。

下面是我想使用和改进的代码的一小部分：

  'aoColumns': [
        {
             type:'textarea',
        },
        {
            type: 'select',
            data: "{'1':'true','0':'false'}",
            submit: 'Ok',
        },
        {
            type: 'date' //********* here is my problem
        },

    ]

Answer 1

如果您不使用或不喜欢使用任何第三方插件，那么尝试将其渲染为简单的文本框，并将一个类应用到您试图应用日期选择器的列

'aoColumns': [
        {
            sClass: 'dateField' 
        }
    ]

使用simple jquery使其成为日期选择器，如下所示：

$(document).on("focus",".dateField",function(){
    if ($(this).is("input[type=text]")) {
                  $(this).datepicker();
    }
});

如果您更喜欢datepicker中的任何其他设置，那么您可以通过Jquery datepicker，并可以像普通Jquery datepicker一样简单地应用相应的设置。

希望这有帮助：）