javascript - Bootstrap 日期选择器在第一次点击时不工作[显示]

Question

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

TypeError: date is undefined
[Break On This Error]   

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

然后日期选择器出现....

我已经使用这个 javascript 来隐藏日期选择器:

$(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" });
});

这样元素就存在了，你可以在他们点击之前告诉它要做什么。