Как установить размер по умолчанию для jquery datepicker?

Question

Посмотрите на на этой странице. Сам датапикер (называемый <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) { ... } 
});