是否可以推遲datepicker/datetimepicker的初始化直到輸入的焦點？

Question

我有一個屏幕上有相當多的日期/時間選擇器，它在性能較差的電腦上（客戶端）掙扎着。我想知道是否有一種方法可以推遲加載日期選擇器，直到用戶關注文本輸入爲止。

我用這個日期/時間選擇：https://github.com/smalot/bootstrap-datetimepicker/

目前在頁面加載我初始化與一類「的DateTimePicker」的每一個輸入datetimepciker但這個過程的結果在顯著DOM修改我相信會導致功耗較低的機器「凍結」渲染頁面。

UPDATE

這就是我到底用來解決這個問題：

$('input.datepicker').focus(function(){ 
    $(this).datetimepicker(pickerOptsGeneral); 
    $(this).datetimepicker('show'); 
    $(this).on('changeDate', function(ev){ 
     // Do stuff 
    }).on('hide', function(){ 
     $(this).datetimepicker('remove'); 
    }); 
}); 

Answer 1

您可以初始化的日期選擇器時，在文字輸入具有焦點。

$('input').focus(function(){
// init datepicker
})