我有一个带有大量日期/时间选择器的屏幕,这些选择器在低功率机器上的性能(客户端)上苦苦挣扎。我想知道是否有一种方法可以将日期选择器的加载推迟到用户关注文本输入的那一点?
我正在使用这个日期/时间选择器:https ://github.com/smalot/bootstrap-datetimepicker/
目前在页面加载时,我使用“datetimepicker”类在每个输入上初始化 datetimepciker,但这当然会导致重大的 DOM 修改,我认为这会导致低功耗机器“冻结”渲染页面。
更新
这是我最终用来解决此问题的方法:
$('input.datepicker').focus(function(){
$(this).datetimepicker(pickerOptsGeneral);
$(this).datetimepicker('show');
$(this).on('changeDate', function(ev){
// Do stuff
}).on('hide', function(){
$(this).datetimepicker('remove');
});
});