更改jQuery日期选择器的高度

如何解决更改jQuery日期选择器的高度

| 我正在尝试更改正在使用的日期选择器的高度。我一直在研究萤火虫，并且能够通过编辑

ui-datepicker

类来更改宽度，如下所示：

.ui-datepicker
{ 
    width: 12em;
    height: 12em;
}

宽度可以正常工作，但是高度只改变压延机的背面，而不改变单元格的背面，因此我最终得到如下结果： 日期选择器背景的高度已更改，但单元格相同。在类

.ui-datepicker table

中，我累了添加一行代码

height: 80%

，但是高度不会降低到100％以下（或者至少降低一点不会改变日期选择器的外观）。我一直在浏览CSS，试图找到设置高度的位置，但到目前为止找不到。 有什么建议么？     

解决方法

我改变以下两行变得更小。我将日期选择器的宽度从14更改为12em；并将字体设置为.7em。

.ui-datepicker { width: 12em; padding: .2em .2em 0; display: none; }
.ui-datepicker table {width: 100%; font-size: .7em; border-collapse: collapse; margin:0 0 .4em; }

    ,日期选择器中有一些影响高度的不同元素。我发现没有一个好的选择器可以将整个过程扩大。 您提到要使单元更大。为此，您可以在日期选择器内定位定位标记。

.ui-datepicker td a
{    
  height: 1.4em;   
}

这样做将使所有单元格变大，并且整个日期选择器窗口将自动扩展。注意，增加选择器的高度不会改变宽度。尝试向此选择器添加\“ width \”属性将创建不必要的填充。您将不得不像原来一样去做。

.ui-datepicker
{ 
    width: 12em;
}

    ,遵循步骤可以帮助我。 从\\ Content \\ themes \\ base \\中打开CSS文件\'jquery-ui.css \' 移至“ jQuery UI Datepicker 1.8.7 \”部分 根据要求更改以下项目的Width和Height属性     .ui-datepicker     .ui-datepicker表     .ui-datepicker th     .ui-datepicker td     .ui-datepicker td跨度     .ui-datepicker td a 这是修改后的用户界面 http://arunduth.net/Images/JQueryDatePicker.png     ,我认为您必须专门更改表格单元格的高度，例如像这样：

.ui-datepicker td {
    height: 1em;
}

这也将调整周围日期选择器的高度。     ,甚至比给出的答案还小：

.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 0.7em; }

更改字体大小，一切都会改变     ,做这个。高度会自动照顾

.ui-datepicker {
    width: 12em;
    font-size:10pt;
}

    ,如果它是嵌入式日期选择器，则有一个窍门。 只需给datepicker加上一些ID即可。id10ѭ。 现在根据需要更改datepicker的字体大小。它将自动更改日期选择器的大小。 CSS代码：

#datepicker{
  font-size: 20px;
  }

    ,由于选择的答案已经正确，但似乎高度和宽度没有正确调整。就我而言，下面的代码运行完美。

#ui-datepicker-div { font-size:11px; }

演示     ,尝试减少.ui-datepicker td的line-height属性。当您执行此操作时，可能必须在填充和字体大小方面弄乱才能使数字适合框内的大小，但是我认为行高可以满足您的需求。     ,我不能投票，那是我的

#dataAgenda2 .ui-widget { font-size: 0.8em !important; }

    ,我用下面的代码做到了：

.ui-datepicker {
  width: 200px;
  height:200px;
}

这是一个小的JSFiddle示例，您可以根据需要更改宽度和高度。     ,更改填充！

.ui-datepicker td span,.ui-datepicker td a {
    padding: 10px 5px !important;
}