jQuery UI의 datepicker에서 머리글을 아래쪽으로 이동

Question

제목과 마찬가지로 머리글 (이전, 다음, 현재 월)을 미적 목적으로 바닥으로 옮기고 싶습니다. 내가 dunce이고 seetings에서 그것을 설정하는 방법이있다, 또는, 내가 hacky 절대 위치와 그것을해야만 할 때까지? 방법

Answer 1

커플은 최고 연산에 내 머리를 이렇게하려면 :

• 은 자신의 HTML

• 를 사용하여 DOM을 변경할 수있는 beforeShow 옵션을 날짜 선택기 클래스를 확장하고 추가 할 수 있습니다. 머리글을 제거하고 피커 아래쪽에 추가하십시오.

이 페이지의 하단에있는 jqueryui의 날짜 선택기에 대한 모든 옵션 목록이 있습니다

Answer 2

행운을 빕니다 :

http://jqueryui.com/demos/datepicker/

나는 이동에 대한 옵션을 찾을 수 없습니다 머리글.

나는 당신이 해킹 코드와 함께 가야 할 것이라고 생각한다.

아래 코드와 비슷한 짧은 코드는 부모 요소 끝에 datepicker 헤더를 이동해야하므로 캘린더 아래에 표시되어야합니다. datepicker 오버레이를 여는 동안 코드를 실행해야합니다.

jQuery('.ui-datepicker-header').each(function() { $(this).parent().append($(this)) }) 

Answer 3

이렇게하는 방법은 없습니다. beforeShow 옵션을 사용하면 작동하지 않습니다. 왜냐하면 날짜 피커의 HTML이 아직 생성되지 않았기 때문입니다. datepicker 위젯은 create 이벤트를 발생시켜야하지만 이벤트 (docs - http://jqueryui.com/demos/datepicker/)에 버그로 기록됩니다.

개인적으로 나는 이것을 처리하는 가장 깨끗한 방법이 input[type=text]의 focus 이벤트를 통해 이루어 졌다고 생각합니다. 반드시 이상적은 아니지만, 너무 해킹되어 작동하지 않습니다.

$('input') 
    .datepicker() 
    .on('focus', function() { 
     $('.ui-datepicker-header').insertAfter('.ui-datepicker-calendar'); 
    }); 

라이브 예를-http://jsfiddle.net/5gWrS/