模态窗口中的xdsoft_datetimepicker在视口

时间:2016-12-07 07:29:34

标签: javascript jquery html css datepicker

在身体中有一个按钮,点击该按钮会弹出一个模态窗口。模态对话框中有2个xdsoft_datetimepickers。最后一个datetimepicker在屏幕外打开,日历中的最后几行不可见。

在模态对话框中单击与其关联的输入字段时,日历会打开。 将overflow-y:auto添加到body.modal-open后,我们可以向下滚动查看日历。 如果在其上方有足够的空间,则datepicker的内置属性将显示在输入字段下方。 但在我的情况下,它总是出现在输入字段的下方,因此隐藏了最后几行。

1 个答案:

答案 0 :(得分:0)

您可以将“pickerPosition”选项设置为“右上角”,代码为

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