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。正如我之前写的,我认为他根本不需要属性,因为插件应该在点击事件时正确定位,如我粘贴的链接所示。