2013-05-03 4 views
7

에서와 날짜를 선택합니다. 다음 코드는 6 월 15 일을 처음 선택하면 2 번째로 선택할 수 있습니다. 이제는 15 일 이후부터 만 선택할 수 있습니다.JQuery와 날짜 선택기 설정 mindate

문제는 datepicker에서 +1 일로 설정해야한다는 것입니다. 따라서 사용자는 16 번 이상 만 선택할 수 있습니다.

내 기술은 하나 등 날짜 선택기 다른에서 선택한 날짜로 minDatemaxDate 설정을 설정할 수 있습니다, 다른 기반으로 한 날짜 선택기를 제한 할 수있는 parseDate

$(function() { 
     var dates = $("#from_date, #to_date").datepicker({ 
     dateFormat: 'dd-mm-yy', 
     minDate: 0, 
     onSelect: function(selectedDate) { 
      var option = this.id == "from" ? "minDate" : "maxDate", 
      instance = $(this).data("datepicker"), 
      date = $.datepicker.parseDate(
      instance.settings.dateFormat || 
      $.datepicker._defaults.dateFormat, 
      selectedDate, instance.settings); 
      dates.not(this).datepicker("option", option, date); 
      } 
    }); 
    }); 
+0

같은

뭔가'minDate : 0, '이것은 당신의 목적을 성취하기 위해 변경 될 수 있습니다? –

+0

예 최소 날짜 설정을 이미 수행 했으므로 위의 날짜 코드에 하루를 추가하는 기능 만 추가하면됩니다. –

답변

17

에 날짜를 추가 할만큼 진행되지 않습니다 . 내가 볼이

$(function() { 

    /* global setting */ 
    var datepickersOpt = { 
     dateFormat: 'dd-mm-yy', 
     minDate : 0 
    } 

    $("#from_date").datepicker($.extend({ 
     onSelect: function() { 
      var minDate = $(this).datepicker('getDate'); 
      minDate.setDate(minDate.getDate()+2); //add two days 
      $("#to_date").datepicker("option", "minDate", minDate); 
     } 
    },datepickersOpt)); 

    $("#to_date").datepicker($.extend({ 
     onSelect: function() { 
      var maxDate = $(this).datepicker('getDate'); 
      maxDate.setDate(maxDate.getDate()-2); 
      $("#from_date").datepicker("option", "maxDate", maxDate); 
     } 
    },datepickersOpt)); 
}); 
관련 문제