第一次单击时,bootstrap datepicker无法正常显示

Question

我的表单中有Bootstrap datepicker,起初工作正常但是现在,在我使用jquery .load函数加载包含datepicker元素的表单后,它在第一次单击时不会工作/显示,但是当我点击外部并单击再次在firebug的控制台中给我这个错误:

TypeError: date is undefined
[Break On This Error]   

var parts = date.split(format.separator),

和datepicker出现....

我用这个javascript来隐藏datepicker:

$(document).on('click','.datepicker', function() {
  $('.datepicker').datepicker({ format: "yyyy-mm-dd" }).on('changeDate', function (ev) {
    $(this).blur();
    $(this).datepicker('hide');
  });
})  

Answer 1

您需要在点击之前初始化日期选择器.您可能应该在.load上使用回调:

$('#formdiv').load('yourform.php', function() {
 $('.datepicker').datepicker({ format: "yyyy-mm-dd" });
});

这种方式存在元素,并告诉它在点击之前点击它们时要做什么.