bootstrap datepicker在第一次单击时不工作[显示]

djmepvbi 于 12个月前发布在 Bootstrap

关注(0)|答案(3)|浏览(163)

我在我的表单中得到了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');
  });
})

型

twitter-bootstrap

来源：https://stackoverflow.com/questions/16413719/bootstrap-datepicker-not-workingdisplaying-on-first-click

3条答案

按热度按时间

lvjbypge1#

你需要在它们点击之前初始化你的日期选择器。你可能应该在.load上使用一个回调：

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

字符串
这样，元素就存在了，并且在它们单击之前告诉它单击时要做什么。

赞(0）回复(0）举报 12个月前

k10s72fa2#

所以也许你需要这个。
https://github.com/eternicode/bootstrap-datepicker/issues/500#issuecomment-34662552
其中$（'. datepicker'）是一个选择器。

赞(0）回复(0）举报 12个月前

sqxo8psd3#

你必须把它包含在body onload标签中：

<body onload="$('#fecha').datepicker();" ...

字符串
并在你的输入中调用它（class=“datepicker”）与onclick事件：

<input id="fecha" name="fecha" class="default datepicker" onclick="$('#fecha').datepicker();" placeholder="FECHA">

型

赞(0）回复(0）举报 12个月前

我来回答

bootstrap datepicker在第一次单击时不工作[显示]

3条答案

相关问题

热门标签

最新问答