1

我想让bootstrap-datepicker与我正在构建的应用程序一起工作。Bootstrap-datepicker error with their site from their site

<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内部与this page,一旦页面加载我运行:

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

这也是来自同一页面。

功能运行,正确的格记录,但是当我焦点的元素上,没有日历,并记录此错误:

Uncaught TypeError: Cannot read property 'left' of undefined 

我试着用搜索引擎这一点,它出现主要发生在隐藏输入的人身上。我没有,所以我不知道该怎么做。

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

+0

它非常难以调试的错误时,我们可以看到它们。无论如何,你可以重新创建一个小提琴或Codepen? – crazymatt 2015-03-30 22:22:27

+0

您的日期选择器选择器应该以输入元素为目标。你有什么目标父母的div。 – Jasen 2015-03-30 22:29:13

+0

您是否在引导日期选择器之前加载jquery? – 2015-03-30 22:30:12

回答

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