Datepicker沒有在下一頁觸發Datatable

我只想問在數據表的下一頁如何觸發datetimepicker？它在第一頁中正常工作，如本屏幕截圖所示。 Datepicker沒有在下一頁觸發Datatable

但是當我現在去到下一個頁面，日曆不再被觸發：

有人建議重新初始化，我補充這樣的：

var table = $('#ot_dataTables').DataTable(); 

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

但仍然沒有顯示日曆。任何幫助表示讚賞。

非常感謝。

來源

2015-08-21 levi palmer

你檢查你的'console'爲'errors'當你''trigger'在datetimepicker'第二'彈出up'。可能有關於'jQuery'或其他的一些問題。 – vivekkupadhyay

嗨@vivekkupadhyay，謝謝，但在控制檯中沒有錯誤，當我點擊第二個彈出窗口。 :( –

當你點擊''觸發'datetimepicker'時，請檢查控制檯。看起來你正在使用'bootstrap'' datetimepicker'，並且你觸發的這個彈出窗口是''modal-box''或'iframe '？ – vivekkupadhyay

我知道它晚了，但對於其他人可能會面臨這個問題，請使用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 - 繪製事件 - 在表格完成平局後觸發。

來源

2016-07-01 07:25:33

所以這與Senjuti的回答相似，但我想發佈我的，因爲我能夠做到這一點而不需要重新創建表實例。然而，她是對的，page.dt的聽衆在這種情況下不起作用，但draw.dt的聽衆會聽。

在我的回答中，我將以您的表格爲例，並假設表中的input標籤的類名稱爲date-field。什麼工作對我來說是回顧datepicker()上像這樣的輸入標籤，

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

來源

2017-08-17 16:43:27

Datepicker沒有在下一頁觸發Datatable

回答

相關問題