2012-10-05 5 views
1

두 필드 제출 양식을 만들기 위해 jQuery UI Datepicker를 사용하고 있습니다. 사용자가 범위를 만들고 결과를보기 위해 제출하기를 원합니다. 그러나 그들은 분명히 종료 날짜보다 최근에 발생하는 시작 날짜를 선택할 수 없습니다 (오늘부터 시작하여 어제로 갈 수는 없습니다). 지금까지 나는 첫 번째 것이 발생하기 전에 두 번째 선택에 대한 경고를 할 수 있었지만 사용자가 다른 것을 선택할 수 있도록 datepicker를 열어 두는 방법을 알아낼 수는 없습니다. 여기 선택 해제 jQuery Datepicker 필드?

내가 지금까지 가지고있는 코드 :

<script> 
    $(document).ready(function() { 
     $(".datepicker_start").datepicker({ 
      maxDate: '+0d', 
      onSelect: function(dateText, inst) { 

     } 
     }); 
     $(".datepicker_to").datepicker({ 
      maxDate: '+0d', 
      onSelect: function(dateText, inst) { 
       var startDate = $('.datepicker_start').val(); 
       $(this).attr('value', dateText) 
       if (startDate > dateText) { 
        alert('not cool!'); 
       } 
     } 
     }); 
    }); 
</script> 

사람이 내가 이것을 할 줄 알고 있나요? 나는 false를 반환 시도하지만 여전히에서 현장 :(

+2

http://jqueryui.com/demos/datepicker/date-range.html –

+1

게시하기 전에 기본 데모 구현을 확인하십시오. –

답변

0
$(function() { 
    $("#from").datepicker({ 
     defaultDate: "+1w", 
     changeMonth: true, 
     numberOfMonths: 3, 
     onSelect: function(selectedDate) { 
      $("#to").datepicker("option", "minDate", selectedDate); 
     } 
    }); 
    $("#to").datepicker({ 
     defaultDate: "+1w", 
     changeMonth: true, 
     numberOfMonths: 3, 
     onSelect: function(selectedDate) { 
      $("#from").datepicker("option", "maxDate", selectedDate); 
     } 
    }); 
}); 

에 잘못된 날짜를 밀어 : http://jqueryui.com/demos/datepicker/date-range.html

0
$(function() { 
     $("#fromdate").datepicker({ 
      onClose: function (selectedDate) { 
       $("#todate").datepicker("option", "minDate", selectedDate); 
      } 
     }); 
     $("#todate").datepicker({ 
      onClose: function (selectedDate) { 
       $("#fromdate").datepicker("option", "maxDate", selectedDate); 
      } 
     }); 
    });