datetimepicker消失后选择

Question

我有一个datetimepicker。

<input id="all-day-event-date" type="text"> 

这是一个输入文本框。我触发它集中时加载文档：

$('#all-day-event-date').trigger("focus"); 

什么情况是，我有我的输入字段和我的日历/选择器出现，符合市场预期。

$("#all-day-event-date").datetimepicker({ 
    timepicker: false, 
    onChangeDateTime: function(dp, $input) { 
     var datetime = $input.val(); 
     var date = datetime.split(" ")[0]; 
     $input.val(date); 
    } 
}); 

它看起来像这样：

但是，只要我选择一个日期，日历自败：

我如何让它留？

此问题与先前提出的问题不同。当我尝试内联解决方案：

<div style="overflow:hidden;"> 
    <div class="form-group"> 
     <div class="row"> 
      <div class="col-md-8"> 
       <div id="datetimepicker12"></div> 
      </div> 
     </div> 
    </div> 
    <script type="text/javascript"> 
     $(function() { 
      $('#datetimepicker12').datetimepicker({ 
       inline: true, 
       sideBySide: true 
      }); 
     }); 
    </script> 
</div> 

什么情况是这样的：

当我按下home键是正常上网出现：

这不是我想要的行为。我希望日历在加载后立即到达，并且之后永远不会消失，让用户选择并重新选择而不必单击其他框。

Answer 1

添加事件的内容从日期选择器输入框中选择日期

$('#all-day-event-date').focusout(); 

现在除去焦点，日期选择器应该再出现你专注于输入之后。

这里是一个小提琴，我发现非常有用JSFiddle

编辑：如果你希望你的日期选择器根本不全部消失，请阅读本answer

使用在线日历altField

<input type="text" id="alternate" size="30" /> 
<div id="datepicker"></div> 

<script> 
    $("#datepicker").datepicker({ 
     altField: "#alternate" 
    }); 
</script>