2引導日期選擇器相同的形式

Question

我的表單中有兩個引導日期選擇器。日期選擇器不關閉，當我打開第二個它重疊第一個。我怎麼解決這個問題？ 這裏是我的代碼：

<div class="col-sm-10"> 
<input id="beginn" class="datepicker form-control"> 
<script> 
    $(function() { 
    $('.datepicker').datepicker(); 
    }); 

</script> 
</div> 

    <div class="col-sm-10"> 
<input id="end" class="datepicker form-control"> 
<script> 
    $(function() { 
    $('.datepicker').datepicker(); 
    }); 

</script> 
</div> 

Answer 1

只是刪除了第一個腳本，因爲你叫datepicker插件的所有元素與datepicker級兩次

$(function() { 
    $('.datepicker').datepicker(); 
}); 

檢查this

Answer 2

你的HTML是什麼罰款我可以告訴，但我會用col-sm-12而不是col-sm-10來使輸入全屏：

<div class="col-sm-12"> 
    <input id="beginn" class="datepicker form-control"> 
</div> 

<div class="col-sm-12"> 
    <input id="end" class="datepicker form-control"> 
</div> 

<script type="text/javascript"> 
    $(document).ready(function(){ 
    $('.datepicker').datepicker({ 
     format: 'yyyy/mm/dd', // Or whatever format you want. 
     startDate: '2015/01/01' // Or whatever start date you want. 
    }); 
    }); 
</script> 

使用document.ready函數，datepicker控件應該只初始化一次，並且您不應該有現在的重疊問題。

希望有幫助！