Datepicker автоматически исчезает

Question

Имею некоторые проблемы с загрузкой даты. (http://bootstrap-datepicker.readthedocs.org/en/latest/)

В принципе, всякий раз, когда я нажимаю что-либо за пределами datepicker, он автоматически скрывается/исчезает.

Я не хочу, чтобы это произошло - я хочу, чтобы он оставался видимым.

Что мне делать?

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();, как в этом примере ->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