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

Question

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

TypeError: date is undefined
[Break On This Error]   

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

并出现了日期选择....

我用这个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" });
});

这种方式存在元素，并告诉它在点击之前单击时要做什么。

Answer 2

所以也许你需要的是这个。

https://github.com/eternicode/bootstrap-datepicker/issues/500#issuecomment-34662552

其中$（'。datepicker'）是一个选择器。