jquery의 시작 날짜와 종료 날짜

Question

두 개의 날짜 필드가 프로젝트의 경우 Start Date과 End Date입니다.

사용자가 선택하면 start date 미만 현재와 EndDate을 선택하지 않은, 내가을가는 로 프로젝트를 표시해야합니다. 내가 어떻게 할 수 있니?

나는 다음과 같은 코드를 사용하고

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

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

Answer 1

추가 :

onClose: function (dateText){ 
    if (dateText === "") { 
     $("#to").value("on going"); 
    } 
} 

이 트릭을 할해야합니다. 같은

귀하의 전체 코드는 다음과 같습니다

$("#to").datepicker({ 
    defaultDate: "+1w", 
    changeMonth: true, 
    numberOfMonths: 1, 
    onSelect: function(selectedDate) { 
     $("#from").datepicker("option", "maxDate", selectedDate); 
    }, 
    onClose: function (dateText){ 
     if (dateText === "") { 
      $("#to").value("on going"); 
     } 
    } 
}); 

Answer 2

당신이 JQuery와 UI의 날짜 선택기를 사용 바랍니다. 예인 경우 해당 플러그인에 날짜 범위를 선택하십시오.. 그것은 날짜 선택을 제한 할 것입니다.

확인이 Jquery UI Datepicker