2014-02-26 1 views
0

datepicker가있는 텍스트 입력이 창 하단 가까이에 있으면 datepicker div가 입력 위에 나타납니다. 입력이 창 상단에 가까운 경우 datepicker div가 입력 아래에 나타납니다. 가능한 경우이 상황에서 datepicker div가 다른 클래스 이름을 갖기를 바랍니다.Jquery UI Datepicker above/below classes

답변

0

나는이 테스트를하지 않은,하지만 API가 옵션이 있습니다 http://api.jqueryui.com/datepicker/#option-showOptions (작동하지 않습니다 만 애니메이션 방향 aplies을

내가 바로 전이나 바로 후에 트리거하는 이벤트를 검색 할

. 표시하고이 방향 값에서 값을 얻을하고 그에 따라 클래스를 변경

을 당신은 어쩌면 당신이 거기에 몇 가지 정보를 찾을 수 있습니다하는 beforeShow 사용할 수 있습니다 ...

은 여기로 재생할 jsFiddle입니다 : http://jsfiddle.net/Bd6sU/1/

$("#datepicker2").datepicker({ 
    beforeShow: function (i, o){ 
    } 
}); 

jQuery는 ui-datepicker-div를 절대적으로 배치하고 입력 필드와 관련이없는 것으로 나타났습니다. 그래서 도움이되지 않습니다 ....

+0

** showOptions ** 옵션은 ** showAnim ** 옵션이 설정된 경우 나타나는 애니메이션의 방향을 설정하기위한 것입니다. ** onSelect ** 옵션을 사용하는 방법을 이해할 수 없습니다. – user3356048

+0

예, 죄송합니다 ... 답변을 업데이트하겠습니다. 또한 새로운 날짜를 선택했을 때 onSelect가 시작될 때 화재가 발생하지 않는 것으로 나타났습니다. – Jeroen