jqgrid - 如何调整 Jqgrid Datepicker 的大小

Question

我需要知道如何在 JQGrid 中调整日期选择器的大小。现在它看起来比我想要的要大。我尝试使用

    jQuery(elem).datepicker({

              autoSize: false,
              height:20,
              width:20,
              changeMonth: true,
              changeYear: true
            });

但这不起作用。

请帮忙，

谢谢

Answer 1

可以通过指定 CSS 属性来更改 jQuery UI Datepicker 的大小.ui-datepicker。例如下面的 CSS

.ui-datepicker { width: 30em; }

将默认值width从更改17em为30em。该值30em可能太大了，但可以清楚地看到 Datepicker 的宽度确实发生了变化。您可以使用您认为最适合您的项目的值。

更新：如果您需要减小日期选择器窗口的大小，您不能只使用width: 10em，因为数据内容将太大而无法以宽度显示。您可以做的是减小日期选择器窗口中使用的字体大小。

演示使用

.ui-datepicker { font-size: 8px; }

它显示

而不是标准