2012-04-13 2 views
39

안녕하세요, jquery datepicker의 최소 날짜를 (1999-10-25)로 설정하고 싶습니다. 아래 코드를 시도해 보았습니다.jquery datepicker에서 최소 날짜를 설정하십시오.

$(function() { 
    $('#datepicker').datepicker({ 
     dateFormat: 'yy-mm-dd', 
     showButtonPanel: true, 
     changeMonth: true, 
     changeYear: true, 
     showOn: "button", 
     buttonImage: "images/calendar.gif", 
     buttonImageOnly: true, 
     minDate: new Date(1999, 10 - 1, 25), 
     maxDate: '+30Y', 
     inline: true 
    }); 
}); 

** 내가 미만 2,002 분 연도를 지정하는 경우가 있지만, 잘 작동합니다보다 내가 2002 이상에 최소 해를 변경하는 경우 {eexample 1999 위처럼} 누군가가 나를 도와 2002.can 만 표시됩니다 . jquery-1.7.1.min.js 및 jquery-ui-1.8.18.custom.min.js 사용하고 있습니다.

답변

79
$(function() { 
    $('#datepicker').datepicker({ 
     dateFormat: 'yy-mm-dd', 
     showButtonPanel: true, 
     changeMonth: true, 
     changeYear: true, 
yearRange: '1999:2012', 
     showOn: "button", 
     buttonImage: "images/calendar.gif", 
     buttonImageOnly: true, 
     minDate: new Date(1999, 10 - 1, 25), 
     maxDate: '+30Y', 
     inline: true 
    }); 
}); 

그냥 추가 년 범위 옵션을 선택합니다. 문제를 해결해야합니다.

+0

덕분에 – user1184777

+0

감사 @Gaurv 작업이를 사람을 배치

$('#id_your_date').datepicker({ maxDate: '+3m', minDate: '-3m' }); 

+0

좋은 도움이 –

1

안녕 작업 데모 :

http://jsfiddle.net/femy8/ 지금 달력은 1999년 10월 25일 최소로 이동합니다.

일정을 표시 할 텍스트 상자 옆에있는 작은 아이콘 (예 : 작은 아이콘)을 클릭하십시오. 1999 년까지 선택을 시도 할 수 있지만 선택 최소 날짜는 1999 년 10 월 25 일입니다. 이는 원하는 것입니다.

이렇게하면 도움이됩니다. :) 건배!

JQuery와 코드

$(".mypicker").datepicker({ 
    changeYear: true, 
    dateFormat: 'yy-mm-dd', 
    showButtonPanel: true, 
    changeMonth: true, 
    changeYear: true, 
    showOn: "button", 
     buttonImage: "images/calendar.gif", 
     buttonImageOnly: true, 
     minDate: new Date('1999/10/25'), 
     maxDate: '+30Y', 
     inline: true 
}); 


​ 
13

문제는 "yearRange"의 기본 옵션 10 년 것입니다.

so 2012 - 10 = 2002.

연도 범위를 c-20:c 또는 1999 (yearRange: '1999:c')로 변경하고 제한 날짜 (mindate, maxdate)와 함께 사용하십시오. 더 많은 정보를 들어

: http://jqueryui.com/demos/datepicker/#option-yearRange


참조 예 : http://jsfiddle.net/kGjdL/

그리고 추가로 코드 :

$(function() { 
    $('#datepicker').datepicker({ 
     dateFormat: 'yy-mm-dd', 
     showButtonPanel: true, 
     changeMonth: true, 
     changeYear: true, 
     showOn: "button", 
     buttonImage: "images/calendar.gif", 
     buttonImageOnly: true, 
     minDate: new Date(1999, 10 - 1, 25), 
     maxDate: '+30Y', 
     yearRange: '1999:c', 
     inline: true 
    }); 
}); 
+0

좋은 간결한 설명. 그것의 일 벌금. – sockmonk

0

향후 프로그래머에게만 추가하고 싶습니다.

이 코드는 날짜의 최소값과 최대 값을 제한합니다. 올해는 최대 연도로 현재 연도를 가져와 완전히 제어됩니다.

희망이 있으면 누구에게나 도움이 될 수 있습니다.

다음은 코드입니다.

var dateToday = new Date(); var yrRange = '2014'+ ':'+ (dateToday.getFullYear()); 이미 연도를 지정하는 경우이

<script> 

    $(document).ready(function(){ 
      $("#order_ship_date").datepicker({ 
      changeMonth:true, 
      changeYear:true,   
      dateFormat:"yy-mm-dd", 
      minDate: +2, 
     }); 
    }); 


</script> 

HTML 코드처럼

$(function() { 
    $("[id$=txtDate]").datepicker({ 
     showOn: 'button', 
     changeMonth: true, 
     changeYear: true, 
     showButtonPanel: true, 
     buttonImageOnly: true, 
     yearRange: yrRange, 
     buttonImage: 'calendar3.png', 
     buttonImageOnly: true, 
     minDate: new Date(2014,1-1,1), 
     maxDate: '+50Y', 
     inline:true 
    }); 
}); 
0

시도가 기본적으로

<input id="order_ship_date" type="text" class="input" style="width:80px;" /> 
+1

제공하는 솔루션에 대한 설명을 추가하여 답을 더 자세히 설명해 주시겠습니까? – abarisone

0

아래에 주어진 범위에서만 올해의 경우 mindatemaxdate를 사용할 필요가 없습니다 필수 입력 :

2

예를 들어 분 날짜, 최근 3 개월 최대 날짜 다음 3개월

관련 문제