Bootstrap 3 datetimepicker構件位置

我使用引導程序3硅藻土選取器構件，但我無法控制其位置。現在，當我不使用水平和垂直選項時，窗口小部件會出現在頁面底部，但是當我使用水平和垂直選項時，出現水平不是有效選項的錯誤。Bootstrap 3 datetimepicker構件位置

這些選項不是爲我工作：

水平： '正確的'，
垂直： '頂'

這裏是我的代碼：

enter code here 
<input type="text" value="<fmt:formatDate value="${visitDetail.visitDate }" pattern="dd-MM-yyyy hh:mm aaa" />" name="patient.visitDetails[${status.index}].visitDate" class="form-control" id="visitDate${status.index}" placeholder="visitDate${status.index}"> 


<script type="text/javascript"> 
    $(function() { 
     $("#visitDate${status.index}").datetimepicker({ 
      showTodayButton: true, 
      inline: false, 
      format: "DD-MM-YYYY hh:mm A", 
      sideBySide: true, 
      horizontal: 'right', 
      vertical: 'top' 
     }); 
    }); 
</script>

來源

2015-09-13 Jigar Naik

$('.date').datetimepicker({ 
    language: 'es', 
    format: 'dd/mm/yyyy', 
    autoclose: 1, 
    weekStart: 1, 
    startView: 2, 
    todayBtn: 1, 
    todayHighlight: 1, 
    forceParse: 0, 
    minView: 2, 
    pickerPosition: "top-left" 
});

來源

2017-07-14 15:26:13

我嘗試了正常的小部件定位..但它不會工作..'pickerPosition：'左上角'的解決方案似乎適用於我 –

horizontal和vertical應該用作widgetPositioning選項的參數。見http://jsfiddle.net/spasticdonkey/qmauopp0/3/

$(function() { 
    $('#datetimepicker1').datetimepicker({ 
     showTodayButton: true, 
     format: "DD-MM-YYYY hh:mm A", 
     sideBySide: true, 
     widgetPositioning: { 
      horizontal: 'right', 
      vertical: 'top' 
     } 
    }); 
});

來源

2015-09-13 14:59:59

感謝傑森，即工作。 –

Bootstrap 3 datetimepicker構件位置

回答

相關問題