2016-06-13 11 views
1

jquery datepicker 값을 제한하려고합니다. 따라서 from dateto date을 초과 할 수 없으며 그 반대의 경우도 마찬가지입니다.jQuery DatePicker 날짜 제한

나는이의 여러 인스턴스를 시도했지만 그것을 얻이 수없는 것 https://jsfiddle.net/DTcHh/21594/

데모. 내가 영국 날짜 형식을 사용하고 있기 때문에 그런가요?

$(".datepicker").datepicker({ 
     dateFormat: 'dd-mm-yy' 
    }); 

    $('#from_date').datepicker({ 
     onSelect: function(dateStr) { 
      var min = $(this).datepicker('getDate') || new Date(); // Selected date or today if none 
      var max = new Date(min.getTime()); 
      max.setMonth(max.getDay() + 1); // Add one month 
      $('#to_date').datepicker('option', {minDate: min, maxDate: max}); 
     } 
    }); 
    $('#to_date').datepicker({ 
     onSelect: function(dateStr) { 
      var max = $(this).datepicker('getDate'); // Selected date or null if none 
      $('#from_date').datepicker('option', {maxDate: max}); 
     } 
    }); 

내가 자바 스크립트에 새로 온 사람으로서 내가 내 코드가 작동하지 않는 이유를 정확하게 알고 싶어, 그래서 난이 배울 수 있습니다.

+0

Please try https://jsfiddle.net/DTcHh/21595/ – Vikram

+2

원하는 것을 API 문서 https://jqueryui.com/datepicker/#date-range에 예가 나와 있습니다. – andrew

답변

1

동일한 요소에서 날짜 선택 도구를 두 번 초기화 할 수 없습니다. 먼저 클래스의 날짜 선택 도구를 호출했습니다. 그 다음 ID로.

날짜 선택기를 기본 선택 기능으로 이동하십시오.

$.datepicker.setDefaults({ 
      dateFormat: 'dd-mm-yy' 
     }); 

또는 날짜 선택 도구 요소를 초기화 할 때마다 dateFormat을 설정해야합니다.

관련 문제