Bootstrap-datepicker 错误，来自他们网站的代码答案

【问题标题】：Bootstrap-datepicker error with code from their siteBootstrap-datepicker 错误，来自他们网站的代码
【发布时间】：2015-03-30 22:07:30
【问题描述】：

我正在尝试让 bootstrap-datepicker 与我正在构建的应用程序一起工作。

<div class="datePickerHolder">
    <div class="input-daterange input-group" id="datepicker">
        <input type="text" class="input-sm form-control" name="start" />
        <span class="input-group-addon">to</span>
        <input type="text" class="input-sm form-control" name="end" />
    </div>
</div>

我用this page 生成了#datePickerHolder 的内部，页面加载后我运行：

$('.datePickerHolder .input-daterange').datepicker({
    startDate: "01/01/2015",
    endDate: "03/31/2015",
    autoclose: true
});

这也来自同一页面。

函数运行，记录了正确的 div，但是当我关注元素时，没有日历并且记录了这个错误：

Uncaught TypeError: Cannot read property 'left' of undefined

我试过用谷歌搜索这个，它似乎主要发生在隐藏输入的人身上。我没有那个，所以我不知道该怎么办。

任何想法都会很棒，如果我忘记包含任何内容，请告诉我。

【问题讨论】：

当我们看到错误时，很难调试它们。无论如何，您可以在 Fiddle 或 Codepen 中重新创建它？
日期选择器的选择器应该以输入元素为目标。您所拥有的目标是父 div。
你在 bootstrap-datepicker 之前加载了 jquery 吗？
@Jasen，直接定位输入也不起作用，这不是他们在我链接到的示例网站上所做的。
@Balint，是的。否则我会在运行 .datepicker() 而不是专注于元素时遇到错误。

标签： javascript jquery twitter-bootstrap datepicker bootstrap-datepicker

【解决方案1】：

@fnsjdnfksjdb：我在 plnkr 中尝试了您的代码，但无法重现该问题。代码如下供您参考。

$(document).ready(function(){
  $('.datePickerHolder .input-daterange').datepicker({
      startDate: "01/01/2015",
      endDate: "03/31/2015",
      autoclose: true
  });
});

http://plnkr.co/edit/SVEkzfwUnGOTeAw2TTIt?p=preview

【讨论】：