jQuery UI - Datepicker - 숨기기 연도

Question

저는 jQuery UI 1.8을 사용 중이며 팝업과 텍스트 상자 모두에서 사용자를 숨기고 싶습니다. 본질적으로 하루, 달 및 연도를 선택하는 대신 사용자가 하루와 월을 선택하기를 원합니다.

텍스트 상자에서 연도를 숨기는 것만으로도 충분합니다. 아래 코드는 그렇게 할 것입니다. 나는 팝업에서 그 해를 어떻게 숨길 지 잘 모르겠다. 그래서 "2010 년 4 월"대신에 "4 월"이라고 말할 것이다.

$(function() { 
     $("#beginDateRange").datepicker({ dateFormat: 'mm/dd' }); 
}); 

<input type="text" name="beginDateRange" id="beginDateRange" /> 

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

Answer 1

이 옵션은 API에서 노출되지 않습니다. 가장 쉬운 방법은 스타일 시트를 변경하는 것입니다. 나는 제거 시도하지 않은

// year selection 
if (secondary || !changeYear) 
html += '<span class="ui-datepicker-year">' + drawYear + '</span>'; 
else { 
// determine range of years to display 
var years = this._get(inst, 'yearRange').split(':'); 
var thisYear = new Date().getFullYear(); 
var determineYear = function(value) { 
var year = (value.match(/c[+-].*/) ? drawYear + parseInt(value.substring(1), 10) : 
(value.match(/[+-].*/) ? thisYear + parseInt(value, 10) : 
parseInt(value, 10))); 
return (isNaN(year) ? thisYear : year); 
}; 
var year = determineYear(years[0]); 
var endYear = Math.max(year, determineYear(years[1] || '')); 
year = (minDate ? Math.max(year, minDate.getFullYear()) : year); 
endYear = (maxDate ? Math.min(endYear, maxDate.getFullYear()) : endYear); 
html += '<select class="ui-datepicker-year" ' + 
'onchange="DP_jQuery_' + dpuuid + '.datepicker._selectMonthYear(\'#' + inst.id + '\', this, \'Y\');" ' + 
'onclick="DP_jQuery_' + dpuuid + '.datepicker._clickMonthYear(\'#' + inst.id + '\');"' + 
'>'; 
for (; year <= endYear; year++) { 
html += '<option value="' + year + '"' + 
(year == drawYear ? ' selected="selected"' : '') + 
'>' + year + '</option>'; 
} 
html += '</select>'; 
} 

: display: none 에 ui-datepicker-year 클래스를 변경 또 다른 옵션은 전혀 렌더링 밤은 그래서 당신이 코드의이 부분을 제거 할 수 할, 를 소스를 편집하는 것 코드가 작동해야합니다. 여기에 내가 CSS를 사용하여 숨어 시도 않았고 그 작업을 수행 (어쨌든 파이어 폭스에서 :))

HTH

이

Answer 2

아주 오래된 질문,하지만 난 그냥이 나 자신을 위해 필요하고하는 것은 유용 할 수있는 다른 방법입니다 어떤 사람; 변경 사항이 필요하지 않다면 다른 datepickers가 계속 작동하도록 할 수 있습니다 .Yearpickers에서 changeYear을 true으로 설정하고 1 년을 표시하지 않으려면 CSS를 추가 한 다음 CSS를 추가하십시오.

select.ui-datepicker-year { display:none } 

Answer 3

이렇게 좋은 방법을 찾기 위해이 스레드를 발견했습니다. 여기에 제가 생각해 냈습니다. 내 CSS에서

나는

.BirthdayDatePicker .ui-datepicker-year 
{ 
display:none; 
} 

이 있고 난에 해 보여주고 싶지 않아 내 datepickers 설정하는 방법이 있습니다 :

$('.DateTextBox.NoYear').datepicker({ 
      beforeShow: function (input, inst) { 

       inst.dpDiv.addClass('BirthdayDatePicker'); 
      }, 
      onClose: function(dateText, inst){ 
       inst.dpDiv.removeClass('BirthdayDatePicker'); 
      } 
     }); 

기본적으로 내가 클래스를 추가를 보여주기 직전에 숨기고 나머지 날짜 선택자는 페이지의 영향을받지 않습니다.

페이지의 특정 선택기에서만 연도를 숨길 필요가있는 사람을 초대하고 jQuery의 내부를 망치고 싶지 않은 사람을 초대하십시오.

Answer 4

changeYear:false; 

select.ui-datepicker-year { display:none } 

가끔 드롭 다운이 걸쳐 변경 속성. <span></span> 그래서이 CSS 코드를 추가하십시오.

span.ui-datepicker-year { display:none } 

Answer 5

VIKSME Hide year http://jsfiddle.net/tocv/e5cvA/

CSS

.ui-datepicker-year 
{ 
display:none; 
} 

HTML

<div id="datepicker"></div> 

</div> 

자바 스크립트

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