datepicker에서 선택 후 날짜 사용 안 함

Question

날짜를 선택한 후 datepicker에서 날짜를 사용하지 않도록 설정하는 데 문제가 있습니다.

내 HTML 마크 업 : 내가 사용

Day 1 <input type="text" id="datepicker1" name="datepicker1" /> <br/> 
Day 2 <input type="text" id="datepicker2" name="datepicker2" /> <br/> 
Day 3 <input type="text" id="datepicker3" name="datepicker3" /><br/> 
Day 4 <input type="text" id="datepicker4" name="datepicker4" /><br/> 
Day 5 <input type="text" id="datepicker5" name="datepicker5" /><br/> 
Day 6 <input type="text" id="datepicker6" name="datepicker6" /><br/> 
Day 7 <input type="text" id="datepicker7" name="datepicker7" /><br/> 

자바 스크립트 :

var dates = $("#datepicker1, #datepicker2, #datepicker3, #datepicker4, #datepicker5, #datepicker6, #datepicker7").datepicker({ 
    minDate: "0", 
    maxDate: "+2Y", 
    defaultDate: "+1w", 
    dateFormat: 'mm/dd/yy', 
    numberOfMonths: 1, 
    onSelect: function(date) { 
     for(var i = 0; i < dates.length; ++i) { 
      if(dates[i].id < this.id) 
       $(dates[i]).datepicker('option', 'maxDate', date); 
      else if(dates[i].id > this.id) 
       $(dates[i]).datepicker('option', 'minDate', date); 
     } 
    } 
}); 

My JsFiddle Demo

나는 JsFiddle에 그 useful script을 얻었다. 1 날짜를 선택하면 날짜가 올바르게 비활성화됩니다. 하지만 7 일 동안 사용해야합니다. 그래서 누군가 내 jsfiddle 예제에서 저에게 유용한 스크립트를 사용하도록 도와줍니다!

## 선택 후 날짜가 비활성화됩니다. 다음을 선택할 수 없습니다.

Answer 1

당신이 입력 필드를 선택하면 날짜를 사용할 수없는 다른 버전, http://jsfiddle.net/tfqyakn2/6/

var datesMin = []; 
var dates = $("#datepicker1, #datepicker2, #datepicker3, #datepicker4, #datepicker5, #datepicker6, #datepicker7").datepicker({ 
minDate: "+0", 
maxDate: "+2Y", 
defaultDate: "+1w", 
dateFormat: 'mm/dd/yy', 
numberOfMonths: 1, 
onSelect: function(date) {    
    datesMin.push(new Date($(this).val()));   
}, 
beforeShow: function() {   
    $(this).datepicker("option", "minDate", maxi()); 
} 
}); 

function sortDates(a, b){ 
return a.getTime() - b.getTime(); 
} 

function maxi(){ 
var sorted = datesMin.sort(sortDates);  
var minDate; 
if(datesMin.length > 0){ 
minDate = sorted[sorted.length-1];  
} else { 
minDate = 0;  
} 
return minDate; 
} 

Answer 2

나는 당신이 datefields에서 선택한 날짜를 비활성화하고 그 날짜는 나머지 입력 필드 (datepickers)에서 사용할 수 없어야한다고 생각합니다.

나는 스크립트에 일부 내용을 변경했습니다 : http://jsfiddle.net/tfqyakn2/5/

나는 이것이 당신이 찾고있는 답이 있다고 생각합니다. 여기

var disabledDates = []; 

var dates = $("#datepicker1, #datepicker2, #datepicker3, #datepicker4, #datepicker5, #datepicker6, #datepicker7").datepicker({ 
    minDate: "0", 
    maxDate: "+2Y", 
    defaultDate: "+1w", 
    dateFormat: 'mm/dd/yy', 
    numberOfMonths: 1, 
    onSelect: function(date) {   
     disabledDates.push($(this).val());   
    }, 
    beforeShowDay: unavailable 
}); 

function unavailable(date) { 
    dateZero = ('0' + (date.getMonth()+1)).slice(-2) + '/' 
      + ('0' + date.getDate()).slice(-2) + '/' 
      + date.getFullYear();  
    if ($.inArray(dateZero, disabledDates) < 0) { 
     return [true,"","Available Date"]; 
    } else { 
     return [false,"","Not Available Date"]; 
    } 
}