Question

在上周我试图将datapicker放在所有数据元素行中。

我找到了很多解决方案，但没有一个能与我合作！

任何人都有完整的解决方案吗？

Answer 1

假设你的＆＃34; datapicker＆＃34;意味着＆＃34; datepicker＆＃34;

您可以很容易地在DataTable中集成您的日期选择器（我个人使用Bootstrap datepicker）。

为您的日期选择器创建列，并在创建表时动态添加它。

演示：https://jsfiddle.net/Prakash_Thete/q62ttLL0/1/

考虑到您将表定义为：

<table id="example" class="display" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>Name</th>
                <th>Position</th>
                <th>Salary</th>
                <th>Select Date</th>
            </tr>
        </thead>
</table>

输入数据为

var inputData = [
    ["Prakash", "Software Analyst", 5000],
    ["Akshay", "Software Analyst", 6000]
  ]

现在初始化DataTable和datepicker

var exampleTable = $('#example').DataTable( {
  "data": inputData,
  "columnDefs": [{
                "targets": -1,
                "data": null,
                "orderable": false,
                "defaultContent": ['<input type="text" class="form-control datePicker" placeholder="Date" />']
            }]
} );


$(".datePicker").datetimepicker({
    format: 'DD/MM/YYYY'                                           
});

数据表＆gt;数据元素内的时间或日期选择器

1 个答案: