2013-08-08 3 views
2

datepicker에 약간의 문제가 있습니다. 화살표가있는 사용자는 첫 달 첫날과 마지막 날 사이의 날짜 만 선택할 수 있지만 동적 일 것입니다. 우리가 2014 년에 있다면 나는이 모드에서하지만, 화살표 시도 2014datepicker 한도 현재 연도

의 해를 볼 수 있기 때문에 나는 예를 들어 2012 또는 2014로 이동 할 수 있습니다

$('#check-in').datepicker({ dateFormat: 'dd-mm', changeYear: false, yearRange: "-0:+0", stepYears: 0 }); 

답변

4

설정 minDatemaxDate

$(function() { 
    var year = (new Date).getFullYear(); 
    $("#datepicker").datepicker({ 
     minDate: new Date(year, 0, 1), 
     maxDate: new Date(year, 11, 31) 
    }); 
}); 

Link

+0

예가 약간 효과가 있습니다. 월을 변경하려면 맨 위에있는 화살표를 클릭하면 예를 들어 2014로 갈 수 있지만 2013 년을 클릭하면 더 나은 해결책은 2014 년 또는 다른 해를 볼 수 없으며 현재 연도 만 볼 수 있습니다. –

0

가 왜 yearRange을 언급하지 현재 년 : 현재 연도?

이 작업을 수행 할 수 있습니다 당신의 날짜 선택기 내부

$(document).ready(function(){ 
var curyear = $("#year").text((new Date).getFullYear()); 

후, yearRange: "+curyear+":"+curyear+"

+0

NO 구문 오류 근처 : curyear의 : –

+0

curyear 새 코드를 사용해 볼 수 있습니까? –

+1

오류가 발생했습니다. SyntaxError : missing} 속성 목록 다음에 : + curyear + : : + curyear + " –

0
처럼

이 당신을 위해 작동합니다

jsFiddle

<head> 
    <meta charset="utf-8" /> 
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
    <link rel="stylesheet" href="/resources/demos/style.css" /> 
    <script> 

    $(document).ready(function() { 

     var date = new Date(), y = date.getFullYear(), m = date.getMonth(); 
     var fSDate = new Date(y, m, 1); 
     var fEDate = new Date(y, m + 1, 0); 

     $.datepicker.setDefaults({ 
      changeMonth: false, 
      changeYear: false, 
      showOtherMonths: false, 
      yearRange: '-0:+0', 
      dateFormat: 'yy-mm-dd', 
      defaultDate: +0, 
      numberOfMonths: 1, 
      minDate: fSDate, 
      maxDate: fEDate, 
      showAnim: 'fadeIn', 
      showButtonPanel: false 
     }); 

     $('#date_start').datepicker(); 

    }); //END document.ready() 
    </script> 
</head> 
<body> 

    <input type="text" id="date_start"> 

</body> 
</html> 
2

그냥 이런 yearRange을 사용

datepick({yearRange: new Date().getFullYear() + ':' + new Date().getFullYear()}); 
관련 문제