jQuery datepicker对齐问题

Question

我使用jQuery UI库来进行日期选择功能。

以下是我开发的网站网址：http://redfruit.in/site/lorem.html

如您所见，有两个带日历图标的文本字段。如果单击文本区域，日历[用于日期选择]弹出窗口。

此功能在全高清设备和移动设备上运行良好，但它不适用于标准高清显示器[1366 x 768]。

只有内标日期选择器标有＆＃34; Check＆＃34;但是当我点击标有＆＃34; Chk＆＃34;的文本字段时，日历会移到容器之外。

[使用Inspect Element将宽度减小到1366，然后单击标有＆＃34的文本字段; Chk＆＃34;]

我已经检查了它，但CSS样式应用于html标记内，因此我无法控制日历的位置。

有没有办法解决这个问题？

先谢谢你的努力。

Answer 1

添加此样式，这可能会有所帮助，

.ui-widget.ui-widget-content {
    left: auto !important;
    right: 160px !important;
}

确保您已在适当的@media语句中添加了样式。 我已经测试了全高清，1366显示器。附上截图。