Datepicker未在下一页Datatable上触发

我只想问一下如何在数据表的下一页触发datetimepicker？ 它在第一页中正常工作，如此屏幕截图所示。

但是当我现在进入下一页时，日历不再被触发：

有人建议重新初始化我添加的内容如下：

var table = $('#ot_dataTables').DataTable(); $('#ot_dataTables').on( 'page.dt', function () { $('#ot_dataTables').dataTable({ order: [[ 0, "desc" ],[ 2, "desc" ]] }); } ); 

但是日历仍未显示。 任何帮助表示赞赏。

非常感谢提前。

Answer 1

所以这与Senjuti的答案类似，但我想发布我的，因为我能够在不需要重新创建表格实例的情况下完成它。 但是，她是对的， page.dt上的监听器在这种情况下不起作用，但是draw.dt上的监听draw.dt会draw.dt 。

在我的回答中，我将使用您的表作为示例，并假设表中的input标记具有类名称date-field 。 对我datepicker()是在输入标签上调用datepicker() ，就像这样，

 var table = $('#ot_dataTables').DataTable(); $('#ot_dataTables').on('draw.dt', function () { $(".date-field").datepicker(); } 

Answer 2

我知道它已经很晚了但是对于其他人可能会遇到这个问题，请使用draw.dt而不是page.dt 无论何时绘制数据表，事件都会触发。

 var table = $('#ot_dataTables').DataTable(); $('#ot_dataTables').on( 'draw.dt', function () { $('#ot_dataTables').dataTable({ order: [[ 0, "desc" ],[ 2, "desc" ]] }); }); 

page.dt – 页面更改事件 – 在更新表的分页时触发。

draw.dt – 绘制事件 – 在表完成绘制后触发。

Answer 3

我在数据表中遇到了datetimepicker的同样问题。 我添加了一个代码段来解决问题。 我在这里添加了以下详细信息：

HTML代码：

  ....... 
     
 ..........