Datatabels>数据库中的时间或日期选择器

Question

上周我试图将datapicker放入所有数据标签行中。

我发现了很多解决方案，但没有一个与我合作！

任何人都有一个完整的解决方案呢？

Answer 1

假设你的“datapicker”的意思是“日期选择器”

那么你可以整合你的日期选择器（我个人使用引导日期选择器）在DataTable很容易地。

为您的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'           
});