datetimepicker消失後選擇

我有一個datetimepicker。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鍵是正常上網出現：

這不是我想要的行爲。我希望日曆在加載後立即到達，並且之後永遠不會消失，讓用戶選擇並重新選擇而不必單擊其他框。

來源

2017-04-14 RebeccaK375

[jQuery保持日期選擇器始終打開]的可能重複（http://stackoverflow.com/questions/8531867/jquery-keeping-d全年無休） – r0m4n

這是一個替代方案（使用div），不使用輸入。我試過div選項，它不起作用（即，日曆的行爲，然後它只顯示在我點擊datetimepicker的「home」按鈕後） – RebeccaK375

添加事件的內容從日期選擇器輸入框中選擇日期

$('#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>

來源

2017-04-14 20:38:04

我希望日曆始終保持 - 不僅在輸入時焦點。所以，我不希望它消失。 – RebeccaK375

看看這個答案：http://stackoverflow.com/a/28704548/5410373這是簡單的小提琴http://jsfiddle.net/menocomp/y2s662b0/1 –

datetimepicker消失後選擇

回答

相關問題