Question

使用bootstrap datepicker时出现问题。（http://bootstrap-datepicker.readthedocs.org/en/latest/）

基本上，每当我点击日期选择器之外的任何内容时，它会自动隐藏/消失。

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

我该怎么办？

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

不幸的是，似乎有防止这种情况的选项。有罪的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(); - ＆gt; http://jsfiddle.net/j8emztmu/或整个代码块。或者你可以自己添加一个autoHide选项，但这似乎不值得付出努力，因为你只是想摆脱这个功能。

Answer 2

这是一个简单的示例，总是可以使datepicker可见：

jquery的：

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

和 DEMO

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

Datepicker会自动消失

2 个答案: