2013-07-05 50 views
0

我有一个屏幕上有相当多的日期/时间选择器,它在性能较差的电脑上(客户端)挣扎着。我想知道是否有一种方法可以推迟加载日期选择器,直到用户关注文本输入为止。是否可以推迟datepicker/datetimepicker的初始化直到输入的焦点?

我用这个日期/时间选择: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'); 
    }); 
}); 

回答

0

您可以初始化的日期选择器时,在文字输入具有焦点。

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

+1

作品一种享受,谢谢!我将用示例代码片段更新我的问题。 :) –