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를 사용하여 너비를 고정 값으로 설정할 수 있습니다.

자바 스크립트를 사용하여 #calendar의 너비를 설정하려면 JS 크기 조정 기능을 onChangeMonthYear 이벤트에 연결해야합니다. jQuery UI site에서

:

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