2011-12-15 4 views
3

어떻게 JQuery UI 캘린더에서 연도를 보여 주거나 표시 할 수 있습니까? 몇 년 동안, 몇 년 동안 돌보지 않고 드롭 다운 목록을 작성해야합니다. 방금 년의 목록을 원하는 경우 사전에JQuery UI 캘린더에서 연도 만 표시

감사

답변

2
$("#datepicker").datepicker({ 
     changeMonth: false, 
     changeYear: true 
    }); 
또는

http://jqueryui.com/demos/datepicker/#dropdown-month-year

, 당신은 jQueryUI없이 생성 할 수 있습니다

var i,yr,now = new Date(); 
for (i=0; i<10; i++) { 
    yr = now.getFullYear()+i; // or whatever 
    $('#select-year').append($('<option/>').val(yr).text(yr)); 
}; 
+0

감사합니다. 그러나 해당 코드에도 달이 표시됩니다. –

+1

글쎄요, 당연히 그렇습니다. 월별 달력입니다. * 당신이 어느 달인지 표시해야합니다. 12 개월 동안 일정을 기다리고 있습니까? 또는 단지 몇 년의 드롭 다운? 자신을 더 잘 설명해야합니다. – Blazemonger

+1

나는이 답변보다 귀하의 첫 번째 approuch가 더 좋았다고 생각합니다. 내가 말했듯이, 년과 드롭 다운 목록이 필요합니다. 내 말은, 단지 몇 년의 드롭 다운입니다. –

2

당신이 JQuery와 UI를 원하는 경우 1 년 밖에 표시되지 않는 datepicker는 다음을 시도해보십시오.

stepMonths: 12, 
monthNames: ["","","","","","","","","","","",""] 

결과 : 월 이름이 표시되지 않습니다.

나는 또한 날짜 선택기의 일정 부분 숨기려면이 사용 :

<style>.ui-datepicker-calendar { display: none; } </style> 
+0

당신의 apport에 대한 감사합니다. –

0
var i,yr,now = new Date(); 

for (i=0; i<10; i++) { 

    yr = now.getFullYear()+i; // or whatever 
    $('#select-year').append($('<option/>').val(yr).text(yr)); 

}; 

이 기능은 아주 잘 작동을하지만 일부 오류 1. 디스플레이 올해 3 회를 갖는다. 2. 두 번째 시간을 선택하면 이전에 선택한 데이터로 데이터가 표시됩니다.

+0

만약에 어떤 에러가 있다면 ... 잘 작동합니까? 또한이 질문은 2 세이며 해결되었습니다. –

관련 문제