jquery - jquery datepickerのデフォルトサイズを設定するにはどうすればよいですか?

Question

このページを見てください。日付ピッカー自体 ( on で呼び出される<div id="calendar">) の幅は、最初は "68em" に設定されています。次に$("#calendar").children().css("width","auto");、幅を auto に設定します (ページいっぱいになります)。ご覧のとおり、これは機能します。ただし、(ボタンを使用して) 月を変更すると、jQuery は幅を元に戻します。これを修正する正しい方法はありますか？

Answer 1

手っ取り早い解決策は! important、要素に設定されたスタイルを上書きするために使用することです。

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

これはきれいではありませんが、大騒ぎせずに仕事を終わらせることができます.

Answer 2

CSS のみを使用して幅を固定値に設定できます。

Javascript を使用して #calendar の幅を設定する場合は、JS のサイズ変更関数を onChangeMonthYear イベントにフックする必要があります。

jQuery UI サイトから:

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