2011-09-12 4 views
3

다음 jquery 및 jqueryui를 사용하여 첫 번째 datepicker의 값을 가져와 두 번째 최소값으로 지정합니다.하지만 연결해야한다고 생각합니다. blur 이벤트를 사용하여 #project_start이 변경되면 변수가 변경됩니다. 나는 그걸하는 법을 알아낼 수 없다. .blur를 첫 번째 코드 섹션의 끝에 추가하면 모두 작동하지 않습니다.jQuery 및 jQueryui를 사용하여 datepicker에서 최소 날짜 설정

$("#project_start").datepicker({ 
      dateFormat: 'yy-mm-dd', 
      appendText: '(yyyy-mm-dd)', 
      showAnim: 'fade' 
      }) 

var start = $("#project_start").val(); 

$("#project_end").datepicker({ 
      dateFormat: 'yy-mm-dd', 
      minDate: start, 
      appendText: '(yyyy-mm-dd)', 
      showAnim: 'fade' 
      }); 

블러 이벤트를 추가하려면 어떻게해야합니까? 아니면 사용해야 할 다른 이벤트 수신기가 있습니까?

$("#project_start").datepicker({ 
    dateFormat: 'yy-mm-dd', 
    appendText: '(yyyy-mm-dd)', 
    showAnim: 'fade', 
    onSelect: function(date) { 
     $('#project_end').datepicker(
      'option', 
      'minDate', 
      date 
     ); 
    } 
}); 

데모 : http://jsfiddle.net/ambiguous/9xxVk/1/ 날짜가에서 선택

"시작"날짜 선택기의

답변

5

난 당신이 #project_end에 최소 날짜를 설정하는 #project_start에서 onSelect 이벤트를 사용할 생각 위에서 두 번째 캘린더의 minDate 옵션을 선택한 날짜로 설정합니다.

+1

저주! 나는 똑같은 것으로 대답하려고하고 있었다! :-) –

관련 문제