日期选择器自动消失

Question

bootstrap 日期选择器有一些问题。 (http://bootstrap-datepicker.readthedocs.org/en/latest/)

基本上，每当我单击日期选择器之外的任何内容时，它都会 auto-hides/disappears。

我不希望发生这种情况 - 我希望它保持可见。

我该怎么办？

HTML:

<div class='row'>
    <div class='col-sm-12'>
        <div class='page-header page-header-with-icon mg-t'>
             <i class='fa-icon-calendar'></i>
             <h2>Training Calendar</h2>
        </div>
        <div class="row">
             <div class="col-sm-12">
                  <div class="datepicker" data-date-format="mm/dd/yyyy" data-date-autoclose="false"></div>
             </div>
        </div>
    </div>
</div>

jQuery:

$('.datepicker').datepicker({
    'autohide': false
});

Answer 1

这是一个简单的示例，始终可以使日期选择器可见：

jquery:

$("#my-datepicker").datepicker().on('changeDate', function (e) {
   $("#my-input").val(e.format());
});

和DEMO

需要更多详细信息，您可以查看此 always-display-bootstrap-datepicker-not-just-on-focus

Answer 2

遗憾的是，似乎没有办法阻止这种情况。有罪的code是第372-384行：

[$(document), {
     mousedown: $.proxy(function(e){
        // Clicked outside the datepicker, hide it
        if (!(
            this.element.is(e.target) ||
            this.element.find(e.target).length ||
            this.picker.is(e.target) ||
            this.picker.find(e.target).length
        )){
            $(this.picker).hide();
        }
    }, this)
}]

你需要修改它。您可以像本例中那样简单地注释掉 //$(this.picker).hide(); -> http://jsfiddle.net/j8emztmu/ 或整个代码块。或者，您可以自己添加一个 autoHide 选项，但这似乎不值得，因为您只想摆脱该功能。

日期选择器自动消失

Datepicker is automatically disappearing

jquery

datepicker

twitter-bootstrap