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

Question

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

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

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

Answer 2

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

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

其中 $('.datepicker') 是一个选择器。