引導-datepicker.js自動關閉，且不大於這個月

我使用http://www.eyecon.ro/bootstrap-datepicker在我與Twitter的引導相結合形式的日期選擇器，和我有麻煩它越來越來自動關閉，而對於任何一個月/年份組合大於當前月/年可選。我翻閱了文檔，但看不到它。任何援助讚賞。引導-datepicker.js自動關閉，且不大於這個月

我的表單低於

<div class="control-group"> 
    <label class="control-label" for="CC_CARDEXPIRY"><strong>Card Expiry Month/Year</strong></label> 
    <div class="controls"> 
     <div class="input-append date datepicker" id="CC_CARDEXPIRY" data-date="01/2014" data-date-format="mm/yyyy" data-date-viewmode="years" data-date-minviewmode="months"> 
     <input class="span6" name="CC_CARDEXPIRY" size="20" type="text" value="01/2015" readonly> 
     <span class="add-on"><i class="icon-calendar"></i></span> 
     </div> 
    </div> 
</div>

和我的Javascript是目前

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script src="../js/bootstrap.min.js"></script> 
<script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"</script>  
<script src="../js/bootstrap-datepicker.js"></script> 
<script type="text/javascript"> 
    $('#CC_CARDEXPIRY').datepicker();    
</script>

來源

2013-05-06 LJT

默認情況下，自動關閉是假的。您必須在代碼中手動將其設置爲選項。

與日期選擇器玩後，我發現了一個辦法做到這一點不接觸自動關閉：

我把我的電話給日期選擇器上面這個函數：

var popup = function(){ 
    var d = $(this); 
    d.datepicker('update', new Date.today().toString("MM/dd/yyyy")) 
    .on('changeDate', function(ev){ 
     // do what you want here 
     d.datepicker('hide'); 
    }); 
};

然後我的電話到datepicker看起來像這樣：

this.$('i.icon-calendar').datepicker().on('show', popup);

我強烈推薦使用co de找到了here而不是eycon版本。它最初來自eycon，但eternicode維護的github回購有更多的關注，這意味着如果您發現並報告錯誤，那麼它有更大的機會得到修復。我並不是說它更容易使用，但有更多的支持。

來源

2013-06-05 18:55:50 jschabs

嗯，我已經過上http://www.eyecon.ro/bootstrap-datepicker的文檔看起來並不能看到關於如何設置這樣的一個例子，你的意思我需要破解的引導，日期選擇器。 js？ – LJT 2013-06-13 11:36:30

嗨@LJT，我修改了我的答案，現在它包含一種破解方式，讓它關閉以及一個不同的源代碼。 – jschabs 2013-06-13 12:05:21

引導-datepicker.js自動關閉，且不大於這個月

回答

相關問題