사용자 정의 HTML 및 드롭 다운 - jQuery UI Datepicker

Question

jQuery UI Datepicker의 스타일 및 기능을 확장하고 싶지만 생성 된 html을 수정하는 데 문제가 있습니다.

특히, 나는 이중 달력보기의 맨 위에 앉아있는 드롭 다운의 중앙 집중화 된 연도와 월 세트를 갖기 위해 노력하고 있습니다. 기본 '다음'및 '뒤로'화살표를 중앙 집중식 드롭 다운의 양쪽에 배치하고 싶습니다.

이

내가 달성하기 위해 노력하고있어의 이미지입니다 :

나는이 내 2개월 뷰 달력은 각 날짜 선택기 달력 개월 ​​이상 타이틀을 가지고 있다는 것입니다해야 할 이유는

나는 만드는 방법을 알아 내지 못하는 중앙 월/연도 드롭 다운의 양쪽으로 화살표를 움직일 수 있기를 바란다. 내가 이해하는 것으로부터 jquery Ui Datepicker 플러그인을 확장해야한다고 생각하지만 어디서부터 시작해야할지 모르겠다.

도움을 주시면 감사하겠습니다.

Answer 1

캘린더의 스타일링에 관한 한 특정 CSS 클래스에 대해 jquery.ui.css를 덮어 쓰고 동일한 클래스 이름으로 자신 만의 CSS를 작성해야합니다.

월 및 연도 버튼의 경우이 컨트롤을 직접 만들고 jQuery 날짜 표시기를 클릭하여이 컨트롤을 클릭 할 수 있습니다. 이상적으로 jQuery Datepicker는 텍스트 상자 또는 버튼에서 활성화 할 수있는 컨트롤입니다. 따라서 소스가 어떻게 보이는지는 중요하지 않습니다. 사용자 정의 컨트롤/버튼에서 datepicker를 활성화하면됩니다.