Bootstrap 3日期时间选择器小部件位置

Question

我正在使用Bootstrap 3 Diatomite Picker Widget，但是我无法控制它的位置。现在，当我不使用水平和垂直选项时，小部件出现在页面底部，但是当我使用水平和垂直选项时，会出现错误，提示水平不是有效选项。

这些选项对我不起作用：

horizontal: 'right',
vertical: 'top'

以下是我的代码：

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>

- Jigar Naik

Answer 1

widgetPositioning选项的参数应该使用horizontal和vertical。请参见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'
        }
    });
});

- Jason Tate

Answer 2

$('.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"
});

- Matias Scheel

---

我尝试了普通的小部件定位，但它就是不起作用。这个 pickerPosition: "top-left" 的解决方案似乎对我有用。 - Valentino Pereira