如何设置jquery datepicker的默认大小？

Question

看一下这个页面。 datepicker本身（在<div id="calendar">上调用）最初设置的宽度为“68em”。然后我使用$("#calendar").children().css("width","auto");将宽度设置为自动（因此它填满了页面）。如你所见，这是有效的。但是，更改月份（使用按钮）会导致jQuery更改宽度。有没有正确的方法来解决这个问题？

Answer 1

快速而肮脏的解决方案是使用! important覆盖元素上设置的样式：

#calendar .ui-datepicker-inline {
    width: auto ! important
}

这不是很好，但它可以完成工作而不会有太大的麻烦。

Answer 2

您可以仅使用CSS将宽度设置为固定值。

如果你想使用Javascript来设置#calendar的宽度，你应该将你的JS调整大小函数挂钩到onChangeMonthYear事件。

来自jQuery UI site：

$('.selector').datepicker({
   onChangeMonthYear: function(year, month, inst) { ... }
});