javascript - bootstrap-datepicker.js 自动关闭且不大于本月

Question

我正在使用 http://www.eyecon.ro/bootstrap-datepicker作为我的表单中与 Twitter Bootstrap 结合使用的日期选择器，我无法让它自动关闭，并且对于大于当前月份/年份的任何月份/年份组合都可以选择。我一遍又一遍地查看文档，但看不到它。任何帮助表示赞赏。

我的表格在下面

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

Answer 1

默认情况下，autoclose 为 false。您必须在代码中将其作为选项手动设置。

---

在玩过日期选择器之后，我找到了一种无需触及自动关闭的方法:

我把这个函数放在我对日期选择器的调用之上:

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');
    });
};

然后我对日期选择器的调用如下所示:

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

我强烈建议使用找到的代码 here而不是 eycon 版本。它最初来自 eycon，但由 eternicode 维护的 github 存储库有更多的追随者，这意味着如果您发现并报告错误，它更有可能得到修复。我并不是说它更容易使用，但有更多的支持。