web-dev-qa-db-ja.com

Bootstrap 3 datetimepickerウィジェットの位置

bootstrap 3珪藻土ピッカーウィジェットを使用していますが、その位置を制御できません。現在、水平および垂直オプションを使用しないと、ウィジェットがページの下部に表示されますが、水平オプションと垂直オプションを使用すると、水平は有効なオプションではないというエラーが表示されます。

これらのオプションは私には機能しません：

水平：「右」、
垂直：「上」

これが私のコードです：

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>
twitter-bootstrapbootstrap-datetimepicker
7
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"
});
7
Matias Scheel

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'
        }
    });
});
22
Jason Tate