Bootstrap-datepicker错误及其站点中的代码

时间:2015-03-30 22:07:30

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

我正在尝试使用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

我尝试使用谷歌搜索,似乎主要发生在隐藏输入的人身上。我没有那个,所以我不知道该怎么做。

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

1 个答案:

答案 0 :(得分:0)

@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