2011-12-07 4 views
6

아래 설정으로 datepicker jquery 플러그인을 사용하고 있습니다.JQuery datepicker를 사용하여 연도를 설정할 수 있습니다.

$("#date").datepicker({ 
    showButtonPanel: true, 
    changeMonth: true, 
    changeYear: true, 
    showOtherMonths: true, 
    selectOtherMonths: true 
}); 

는 지금은 사용자가 올해 설정할 수 있습니다 수행 할 작업. 선택 항목의 입력을 수동으로 변경하면됩니다.

설정이 필요합니까?

내가 원하는 이유는 사용자가 1920 년 또는 2220 년 또는 그 어느 해의 날짜를 선택하면 잘 모르기 때문입니다. 그래서 좋은 기본 날짜 값이 없습니다. 그리고 2000 년에서 1600 년까지 20 번 클릭해야하는 경우 드롭 다운 인터페이스는 사용자 친화적이지 않습니다.

편집 : 내가 원하는 것은 키스 - wood.name/datepick.html#monthyear. 표준 jquery datepicker와 비슷한 것이 있습니까? jquery datepicker 문서에서 yearRange : 'any'설정을 찾을 수 없습니다.

+0

질문 유효합니다. 귀하의 요구를 실제로 해결하지 못하면 왜 그 대답을 받아 들였습니까? 나는이 문제를 해결할 수 있다면 알려 주겠다 .... –

답변

5
changeYear: true 

이미 선택 상자가 표시됩니다. 년 수동 입력을 위해 자신 만의 입력 텍스트를 만드시겠습니까?

+0

편집 : 무제한으로 선택 상자를 스크롤하고 싶지 않다 ... 자신의 입력 필드를 만드십시오! 다시 게시 할 때 도움이 필요하면 – ggzone

+0

anwser에 감사드립니다. 내가하고 싶은 것은, 사용자가 datepicker 캘린더 GUI에 연도를 입력 할 수 있다는 것입니다. 대신 드롭 다운에서 연도를 선택하십시오. 나는이 이미지가 당신을 도울 것이라고 희망한다. http://screencast.com/t/kLEUQKRVx – sandrozbinden

+0

네, jquery로 직접 편집 해 준 것처럼. datepicker의 선택 상자를 가져오고 속성을 변경하십시오 ... 옵션을 제거하십시오 ... 입력 필드 유형 텍스트로 만드십시오. – ggzone

7

당신은 당신의 속성에

yearRange: "1930:2010" 

을 추가하여 년의 범위를 지정할 수 있습니다. 예 :

$("#datepicker").datepicker({ 
    changeMonth: true, 
    changeYear: true, 
    yearRange: "1930:2010" 
}); 
관련 문제