Javascript 引导日期时间选择器定位

我在代码中添加了datetime选择器插件。它可以工作，但定位不正确。当我专注于输入时，它显示在页面的页脚，而不是靠近输入的地方。我应该检查什么

$（“.form date”）.datetimepicker({
格式：“dd.mm.yyyy”，
minView:2，
maxView:4，
自动关闭：是的，
语言：‘tr’，
选择器位置：“左下角”
});

塔里赫
我认为引导日期时间选择器没有“pickerPosition:“左下”选项


可能是它导致了问题。
html参考代码中没有datetimepicker组件文件。您应该已经添加了js和css文件

首先从这里下载脚本或从git克隆：

$ git clone git://github.com/smalot/bootstrap-datetimepicker.git

并在标题部分添加引用：

来源：

<script type="text/javascript" src="./jquery/jquery-1.8.3.min.js" charset="UTF-8"></script>

<div class="form-group">
            <label for="dtp_input2" class="col-md-2 control-label">Date Picking</label>
            <div class="input-group date form_date col-md-5" data-date="" data-date-format="dd MM yyyy" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
                <input class="form-control" size="16" type="text" value="" readonly>
                <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
            </div>
            <input type="hidden" id="dtp_input2" value="" /><br/>
        </div>



HTML:

<script type="text/javascript" src="./jquery/jquery-1.8.3.min.js" charset="UTF-8"></script>

<div class="form-group">
            <label for="dtp_input2" class="col-md-2 control-label">Date Picking</label>
            <div class="input-group date form_date col-md-5" data-date="" data-date-format="dd MM yyyy" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
                <input class="form-control" size="16" type="text" value="" readonly>
                <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
            </div>
            <input type="hidden" id="dtp_input2" value="" /><br/>
        </div>


日期选择


除了在共享代码段中缺少一些必需的资源（datetimepicker、moment等），您还使用了不推荐使用的选项，这些选项会阻止datepicker显示

你可以找到


更新如下：


格式：“dd.MM.YYYY”
min
&
maxView
已消失，但您可以在选项链接上选中
viewMode
（但没有最小-最大选项）
autoclose
至
keepOpen
（虽然默认设置为
false
，所以没有
（需要）
language
to
locale:'tr'
pickerPosition
到
widgetPositioning{水平：“左”，垂直：“下”}
对象

工作片段：

<script type="text/javascript" src="./jquery/jquery-1.8.3.min.js" charset="UTF-8"></script>

<div class="form-group">
            <label for="dtp_input2" class="col-md-2 control-label">Date Picking</label>
            <div class="input-group date form_date col-md-5" data-date="" data-date-format="dd MM yyyy" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
                <input class="form-control" size="16" type="text" value="" readonly>
                <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
            </div>
            <input type="hidden" id="dtp_input2" value="" /><br/>
        </div>


$（'.form date'）.datetimepicker({
格式：“dd.MM.YYYY”，
地区：'tr'，
WidgetPosition：{
水平：“左”，
垂直：“底部”
}
});

塔里赫
旧版本的引导日期时间选择器没有选项。但是您可以通过将CSS应用于下拉选择器来更改定位

.bootstrap-datetimepicker-widget.dropdown-menu {
    inset: auto!important;
}

以下是有关详细信息的文档：
没有问题：试试这个-您需要一个选项
widgetPositioning
或访问链接：