javascript - 模态窗口中的 xdsoft_datetimepicker 在视口(viewport)下方打开

标签 javascript jquery html css datepicker

在正文中有一个按钮,点击它会弹出一个模态窗口。模态对话框中有 2 个 xdsoft_datetimepickers。最后一个日期时间选择器在屏幕外打开,日历中的最后几行不可见。

在模态对话框中单击与其关联的输入字段即可打开日历。 将 overflow-y:auto 添加到 body.modal-open 后,我们可以向下滚动以查看日历。 日期选择器的内置属性是,如果输入字段上方有足够的空间,它将出现在输入字段下方。 但在我的例子中,它总是出现在输入字段下方,从而隐藏了最后几行。

最佳答案

可以设置“pickerPosition”选项值为'top-right',代码为

$('#datetimepicker').datetimepicker({
    #this is other option
    ...
    pickerPosition: 'top-right',
});

关于javascript - 模态窗口中的 xdsoft_datetimepicker 在视口(viewport)下方打开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41011673/

相关文章:

javascript - 为什么要检查未定义的类型而不是仅仅检查值?

javascript - 在选择和更新时计算值

javascript - Node 未找到 html 中包含的 js 文件

javascript - 如何使用 SwiftSoup 抓取重定向的特定网站?

php - 多个下拉菜单中的数千个项目

javascript - 如何只在 div 中按下按键?

javascript - 表单验证 Angular

html - 有什么方法可以固定 bootstrap 3 的警报成功类的 css 高度

javascript - SVG 图案不重复

jquery - 输入字段值的长度