如何调整 Jqgrid Datepicker 的大小答案

【问题标题】：How to resize Jqgrid Datepicker如何调整 Jqgrid Datepicker 的大小
【发布时间】：2013-07-11 15:47:53
【问题描述】：

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

    jQuery(elem).datepicker({

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

但这不起作用。

请帮忙，

谢谢

【问题讨论】：

您是指日期选择器的大小还是将创建日期选择器并保存日期选择器结果的输入字段的大小。您在哪里使用 datepicker（在搜索对话框中、在搜索工具包中、在编辑表单中、在行内编辑中......）
嗨奥列格，我的意思是日期选择器本身的大小。我在搜索对话框中使用它。搜索工具栏和编辑表单的代码会有所不同吗？
我仍然不确定我是否理解正确。更改 datepicker 本身的大小独立于 jqGrid。您可以使用 CSS .ui-datepicker { width: 30em; } 将 Datepicker 窗口的宽度从默认的 17em 更改为 30em。是你想要的吗？
是的，完全正确！我能在 redmond/jquery-ui-1.10.3.custom.css 中找到这个吗？
OK 那么我将发布与答案相同的信息。可能其他人也会遇到同样的问题。在 stackoverflow 上搜索不会找到来自 cmets 的信息。

标签： jqgrid datepicker

【解决方案1】：

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

.ui-datepicker { width: 30em; }

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

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

The demo 使用

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

它会显示

而不是标准

【讨论】：

嗨，恐怕这行不通。此外，没有像 .ui-datepicker {font-size: 6px;} 这样的字段，所以我什至尝试在 ui.jqgrid.css 中更改字体，但这对 datepicker 没有影响，尽管网格元素变小了！
@user2334092：我在答案的 UPDATED 部分发布了演示，其中显示了font-size 确实减小了 datepicker 窗口的大小。