如何调整Jqgrid Datepicker的大小

Question

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

    jQuery(elem).datepicker({

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

但这不起作用。

请帮忙，

感谢

Answer 1

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

.ui-datepicker { width: 30em; }

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

更新：如果您需要 reduce datepicker窗口的大小，您不能只使用width: 10em因为内容数据太大，无法在宽度中显示。你可以做的是减少datepicker窗口中使用的字体大小。

The demo使用

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

并显示

而不是标准