2016-11-25 1 views
0

최근 jQuery timepicker 추가 기능을 사용하고 있습니다.
나는 (아래 링크에서, 4 예)
http://trentrichardson.com/examples/timepicker/#range_examplesjQuery ui timepicker 추가 기능 - 범위 문제

내가 그러나이

var startDateTextBox = $('#date_start'); 
var endDateTextBox = $('#date_end'); 

$.timepicker.dateRange(
    startDateTextBox, 
    endDateTextBox, 
    { 
     dateFormat: "yy-mm-dd", 
     minInterval: 0, 
     maxInterval: 0, 
     start: {}, // start picker options 
     end: {} // end picker options 
    } 
); 

같은 날짜 범위 선택 도구를 작성했습니다를 시간 선택기
을 만들기 위해 모범을 따라 시작 날짜의 경우 현재 < = 종료 날짜를 선택할 수 있습니다.
시작 날짜로 "any date"을 선택할 수 있기를 바랍니다.
예를 들어 http://jqueryui.com/datepicker/#date-range

누구든지이 timepicker addon으로 이것을 달성하는 방법을 가르쳐 줄 수 있습니까? 감사합니다.

답변

0

여기 .on('change',function(){ })minDatemaxDate으로 시작일과 종료일을 설정합니다. 이 fiddle

JS를 사용

var startDateTextBox = $('#date_start'); 
var endDateTextBox = $('#date_end'); 

$(function() { 
    var dateFormat = "yy-mm-dd", 
     from = startDateTextBox.datepicker({ 
      defaultDate: "+1w", 
      changeMonth: true, 
      numberOfMonths: 3, 
      dateFormat:'yy-mm-dd' 
     }) 
     .on("change", function() { 
      to.datepicker("option", "minDate", getDate(this)); 
     }), 
     to = endDateTextBox.datepicker({ 
     defaultDate: "+1w", 
     changeMonth: true, 
     numberOfMonths: 3, 
     dateFormat:'yy-mm-dd' 
     }) 
     .on("change", function() { 
     from.datepicker("option", "maxDate", getDate(this)); 
     }); 


    function getDate(element) { 
     var date; 
     try { 
     date = $.datepicker.parseDate(dateFormat, element.value); 
     alert(date); 
     } catch(error) { 
     date = null; 
     } 
     return date; 
    } 
    }); 

HTML이 :

<input id="date_start"/> 
<input id="date_end"/> 
+0

단지 개별적으로 구현할 수있는 것 같다. 답변 주셔서 감사합니다. – Ezek