jQuery datepicker 对齐问题

Question

我正在使用 jQuery UI 库来实现日期选择器功能。

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

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

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

只有标有“检查”的内部日期选择器有效，但是当我点击标有“Chk”的文本字段时，日历会超出容器。

[使用 Inspect Element 将宽度减小到 1366 并单击标有“Chk”的文本字段]

我已经检查过了，但是 CSS 样式应用在 html 标记内，所以我无法控制日历的位置。

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

提前感谢您的努力。

Answer 1

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

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

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