滾動的DateTimePicker的jQuery

我創造了這個形式：滾動的DateTimePicker的jQuery

<form action='' method='post'> 
    <fieldset> 
     <div class='form-group'> 
      <label>Customer:</label> 
      <input class='form-control' placeholder='' name='customer' type='text' readonly value='<?php echo $customerInfo['name'] . ' ' . $customerInfo['surname'];?>'> 
     </div> 
     <div class='form-group'> 
      <label>Assignment:</label> 
      <input class='form-control' placeholder='' name='assignment' type='text' readonly value='<?php echo $assignment['description'];?>'> 
     </div> 
     <div class='form-group'> 
      <label>Current state:</label> 
      <input class='form-control' placeholder='' name='assignment' type='text' readonly value='<?php echo $state['name'];?>'> 
     </div> 
     <div class="form-group"> 
      <label>New state:</label> 
      <select name="selectValue" class="form-control" id="selectState"> 
       <?php 
        foreach($allStates as $state){ 
         $id = $state['id']; 
         $code = $state['code']; 
         $name = $state['name']; 
         echo "<option value=$id>$code - $name</option>"; 
        } 
       ?> 
      </select> 
     </div> 
    <div class="form-group"> 
     <input class='form-control' id="datetimepicker" type="text"> 
    </div> 
    <input class='btn btn-info btn-sm' name='requestClosing' type='submit' value='Update assignment'> 
    </fieldset> 
</form>

以此爲結果：

但是，當我要選擇一個日期和向下滾動頁面。 datetimepicker消失。這樣就不可能選擇日期。

任何人都可以幫我解決這個問題嗎？

來源

2017-08-26 Sander bakker

你可以添加額外的高度父當焦點在文本字段。 –

或者在頂部使用'widgetPositioning' api。 –

希望這有助於

使用選項closeOnWithoutClick .SET closeOnWithoutClick:false，還設置closeOnDateSelect:true選擇日期後關閉的DateTimePicker。

$("#datetimepicker").datetimepicker({ 
    closeOnDateSelect:true, 
    closeOnWithoutClick:false 
});

DEMO

來源

2017-08-26 15:46:16 Amal

滾動的DateTimePicker的jQuery

回答

相關問題