Javascript 引导日期时间选择器未按屏幕正确显示其隐藏

Javascript 引导日期时间选择器未按屏幕正确显示其隐藏,javascript,angularjs,datetimepicker,bootstrap-datetimepicker,Javascript,Angularjs,Datetimepicker,Bootstrap Datetimepicker,如何在屏幕上显示完整的日期选择器。我尝试了位置:relative,但没有工作。请帮帮我。。 HTML代码: <div style="position:relative"> <div class="input-group date form_startdatetime" data-date-format="dd M yyyy - HH:ii P" data-link-field="dtp_startdate"> <input class="form-cont

如何在屏幕上显示完整的日期选择器。我尝试了
位置:relative
,但没有工作。请帮帮我。。 HTML代码:

<div style="position:relative">
<div class="input-group date form_startdatetime" data-date-format="dd M yyyy - HH:ii P" data-link-field="dtp_startdate">
     <input class="form-control" size="16" type="text" name="sDateTime" tabindex="7">
</div>
</div>
<script type="text/javascript" src="./datetimepicker3/jquery/jquery-1.8.3.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="./datetimepicker3/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="./datetimepicker3/datetimepicker/js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
<script type="text/javascript">
$('.form_startdatetime').datetimepicker({
    //language:  'fr',
    weekStart: 1,
    todayBtn:  1,
    autoclose: 1,
    todayHighlight: 1,
    startView: 2,
    forceParse: 0,
    showMeridian: 1

});
</script>

$('.form_startdatetime').datetimepicker({
//语言:“fr”,
周开始:1,
今日电话:1,,
自动关闭:1,
今日亮点:1,
startView:2,
forceParse:0,
显示子午线:1
});
请参阅输出的图片。。

从您的评论中,我在文档中看到了这一点

选择器位置 绳子默认值
'bottom-right'
(支持的其他值:'bottom-left')

此选项当前仅在组件实现中可用。使用它,您可以将选择器放在输入字段的正下方

为了更好地理解定位,我添加了一个示例

<div class="input-append date form_datetime">
    <input size="16" type="text" value="" readonly>
    <span class="add-on"><i class="icon-th"></i></span>
</div>
 
<script type="text/javascript">
    $(".form_datetime").datetimepicker({
        format: "dd MM yyyy - hh:ii",
        autoclose: true,
        todayBtn: true,
        pickerPosition: "bottom-left"
    });
</script> 

$(“.form_datetime”).datetimepicker({
格式:“dd-MM-yyyy-hh:ii”,
自动关闭:是的,
今天BTN:是的,
选择器位置:“左下角”
});

但是。。。你期望的职位是什么?当你滚动的时候它应该跟着吗?不确定你到底是什么意思。如果屏幕高度不够高,日历是否会被剪切?你能试着解释一下你想要实现什么吗?你使用的是什么版本的bootstrap js库?另外,你能不能试着用代码笔复制一下?这样,有人会更好地帮助你。我看到这里的datepicker的工作方式就像你想要开箱即用的一样:当屏幕不够大时,datatime picker应该显示在顶部,datepicker插件的版本是什么?抱歉,它不工作。。我正在使用boostrap-datetimepicker。请参阅。这个插件不需要容器属性来实现他想要的。它应该是开箱即用的。我已经更新了参考链接和示例@AlexRebula@RamAndroid尝试
orientation
attribute。正如我之前写的,我认为他根本不需要属性,因为插件应该在点击事件时正确定位,如我粘贴的链接所示。