他们网站上的代码出现启动日期选择器错误

Bootstrap-datepicker error with code from their site

本文关键字:启动 日期 选择器 错误 网站 代码 他们      更新时间:2023-09-26

我正在尝试让引导日期选择器与我正在构建的应用程序一起工作。

<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>

我用这个页面生成了#datePickerHolder的内部,一旦页面加载,我就会运行:

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

也来自同一页。

函数运行,并记录正确的div,但当我关注元素时,没有日历,并记录此错误:

Uncaught TypeError: Cannot read property 'left' of undefined

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

任何想法都很好,如果我忘了包含任何内容,请告诉我。

@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