datetimepicker的日期选择框如何在左侧显示?

发布于 2022-08-28 11:02:30 字数 327 浏览 10 评论 0

有时候使用bootstrap的datetimepicker会位于页面的最右边,这样选择日期时默认会在右侧显示且导致页面多个滚轮,造成操作很不方便,如何解决呢?

请输入图片描述

看了下文档好像有pickerPosition属性,不过也不好用,是怎么回事呢?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

灵芸 2022-09-04 11:02:30

首先看看你的JS是不是引入了;
然后pickerPosition属性是可以用的,在你使用datetimepicker的时候需要在下面加入一段js,比如下面这段:

$(".form_datetime").datetimepicker({
        format: "yyyy-mm-dd hh:ii",
        autoclose: true,
        todayBtn: true,
        startDate: "2013-02-14",
        minuteStep: 10,
        //minView:2,
        pickerPosition:'bottom-left',
        language:'zh-CN'
    });

你可以参考一下。

幻梦 2022-09-04 11:02:30

手册上有pickerPosition属性:
String. 默认值: 'bottom-right' (还支持 : 'bottom-left')
此选项当前只在组件实现中提供支持。通过设置选项可以讲选择器放倒输入框下方。

離殇 2022-09-04 11:02:30

可以自动调整位置嘛?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文