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