JQuery datepicker-2 입력 시작 및 끝

Question

두 입력 상자에 하나의 "From"날짜와 두 번째 입력란에 ""이라는 Jquery datepicker 플러그인을 사용하고 있습니다. 내가 처음 하나를 설정하면

, 나는 "이 경우 날짜

"에서 "이전에 선택한 날짜보다 모든 날짜를 해제, 두 번째는 첫 번째에서 선택한 날짜 이후 일일되고 싶어 To "날짜가 먼저 선택되면"From "날짜가"To "날짜 전날로 설정됩니다.

나는 몇 가지 예제를 발견했다,하지만 난 낭포가 나는 경우, 예를 들어,에 13/2,010분의 12 15시 50분을 선택 시간으로 날짜를 얻는 방법을 모르는 " 에서 "날짜는의 날짜"받는 사람 "날짜 15시 50분 또는/2010 (14)/12 이상 0시 14/12/2010 에 로 설정됩니다.

는 *** 편집을 할

난 그냥 내가 원하는대로 작동하지만 timepicker의 부가 기능없이 본 piece of code을 발견했습니다. 나는 timepicker의 부가 기능과 함께 사용할 수 있도록 위의 코드를 기반으로

$(function(){ 

    $('#dateFrom').datepicker({ 
    dateFormat: 'dd/mm/yy', 
    onSelect: function(dateText, inst) { 
     $('#dateTo').datepicker('option','minDate', new Date(inst.selectedYear, inst.selectedMonth, inst.selectedDay)); 
      } 
    }); 
    $('#dateTo').datepicker({ 
    dateFormat: 'dd/mm/yy', 
    onSelect: function(dateText, inst) { 
     $('#dateFrom').datepicker('option','maxDate', new Date(inst.selectedYear, inst.selectedMonth, inst.selectedDay)); 
    }   
    }); 

}); 

, 그것을 적응할 수 있을까?

덕분에 사전에

Answer 1

봅니다 minDate 및 maxDate 옵션을 변경 onSelect 또는 onClose 이벤트를 사용할 수 있습니다.

Answer 2

위젯이 이미 초기화 된 후에 대부분을 얻었지만 hourMin 및 minuteMin을 설정하는 방법을 알 수 없습니다. 다음 HTML을 감안할 때 :

<label for="from">From</label><input id="from" name="from" /> 
<label for="to">To</label><input id="to" name="to" /> 

그리고 이것은 JS :

$("#from").datetimepicker(); 
$("#to").datetimepicker({ 
    beforeShow: function(input, inst) { 
     var $toDateInput = $("#to"); 
     var fromDate = $("#from").datetimepicker("getDate"); 
     var toDate = $toDateInput.datetimepicker("getDate"); 
     var afterFromDate; 

     if (fromDate) { 
      if (!toDate || (toDate <= fromDate)) { 
       afterFromDate = new Date(fromDate.toUTCString()); 
       afterFromDate.setDate(afterFromDate.getDate() + 1);    
       $toDateInput.datetimepicker("setDate", afterFromDate); 
      } 
      $toDateInput.datetimepicker("option", "minDate", fromDate); 
     } 
    } 
}); 

는 여기를 참조하십시오 http://jsfiddle.net/RWjtL/3/이

당신의 기준을 대부분 충족하지만, 떨어져있는 몇 가지가있다 :

• '받는 사람'필드를 공백으로 설정하면 '보낸 사람'의 날짜 피커의 최소 날짜가 제거되지 않습니다. minDate 옵션을 null 및 ""으로 설정하고 이상한 동작이 발생했습니다. Here's a documented issue that could be related.
• beforeShow 메서드는 여러 번 호출됩니다. 나는 이것이 핸들러 내부의 setDate에 대한 호출 때문이라고 생각하지만 확신 할 수 없다.
• 위와 같이 사실 이후 hourMin 및 minuteMin을 설정하지 못했고 minDate을 설정하면 날짜 부분을 존중하지 않는 것처럼 보입니다.

저자의 GitHub page에는 문제 목록이 있으며, 그 중 일부는 내가 만난 문제와 관련이있는 것으로 보입니다. 적어도 당신을 시작하게하는 희망.