1

我在我的表单中使用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>
4

1 回答 1

2

默认情况下，自动关闭为 false。您必须在代码中手动设置它作为选项。

在玩过 datepicker 之后，我找到了一种无需触摸自动关闭的方法：

我把这个函数放在我对 datepicker 的调用之上：

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

我强烈建议使用此处找到的代码而不是 eycon 版本。它最初来自 eycon，但由 eternicode 维护的 github repo 拥有更多的关注者，这意味着如果您发现并报告错误，则它得到修复的机会更大。我并不是说它更容易使用，但有更多的支持。

于 2013-06-05T18:55:50.327 回答