日期選擇器beforeShowDay不添加類殘疾日曆

Question

我有作秀不可用日期禁用日期選擇器日曆，並與不可用日期

$(document).ready(function() { 
var dates = ['01/03/2015','03/01/2015']; 

$('#my_div').datepicker({ 
    dateFormat: 'dd/mm/yy', 
    numberOfMonths: [2,2], 
    showButtonPanel: false, 
    changeMonth: false, 
    changeYear: false, 
    minDate: 0, 
    maxDate: '+1Y', 
    firstDay: 1, 
    closeText: 'Chiudi', 
    prevText: '<Prec', 
    nextText: 'Succ>', 
    currentText: 'Oggi', 
    monthNames: ['Gennaio','Febbraio','Marzo','Aprile','Maggio','Giugno','Luglio','Agosto','Settembre','Ottobre','Novembre','Dicembre'], 
    monthNamesShort: ['Gen','Feb','Mar','Apr','Mag','Giu','Lug','Ago','Set','Ott','Nov','Dic'], 
    dayNames: ['Domenica','Luned&#236','Marted&#236','Mercoled&#236','Gioved&#236','Venerd&#236','Sabato'], 
    dayNamesShort: ['Dom','Lun','Mar','Mer','Gio','Ven','Sab'], 
    dayNamesMin: ['Do','Lu','Ma','Me','Gio','Ve','Sa'], 
    isRTL: false, 
    beforeShowDay: function (date){ 
     var year = date.getFullYear(), month = date.getMonth(), day = date.getDate(); 
     for (var i=0; i < dates.length; ++i) 
      if (year == dates[i][2] && month == dates[i][1] - 1 && day == dates[i][0] - 1) 
       return [false, 'ui-state-highlight ui-state-active gior-occ']; 
     return [false]; 
           } 
        }); 

         }); 

，但是當我看到導致在陣列中的日期交回不是我的類gior數組-occ但未定義

<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled undefined"> 
    <span class="ui-state-default"> 
     1 
    </span> 
</td> 

有人知道爲什麼嗎？

Answer 1

如果你想簡單地比較日期字符串的日期字符串數組，你可以這樣做：

$(document).ready(function() { 
 
    var dates = ['01/03/2015', '03/01/2015']; 
 

 
    $('#my_div').datepicker({ 
 
    dateFormat: 'dd/mm/yy', 
 
    numberOfMonths: [2, 2], 
 
    showButtonPanel: false, 
 
    changeMonth: false, 
 
    changeYear: false, 
 
    minDate: 0, 
 
    maxDate: '+1Y', 
 
    firstDay: 1, 
 
    closeText: 'Chiudi', 
 
    prevText: '<Prec', 
 
    nextText: 'Succ>', 
 
    currentText: 'Oggi', 
 
    monthNames: ['Gennaio', 'Febbraio', 'Marzo', 'Aprile', 'Maggio', 'Giugno', 'Luglio', 'Agosto', 'Settembre', 'Ottobre', 'Novembre', 'Dicembre'], 
 
    monthNamesShort: ['Gen', 'Feb', 'Mar', 'Apr', 'Mag', 'Giu', 'Lug', 'Ago', 'Set', 'Ott', 'Nov', 'Dic'], 
 
    dayNames: ['Domenica', 'Luned&#236', 'Marted&#236', 'Mercoled&#236', 'Gioved&#236', 'Venerd&#236', 'Sabato'], 
 
    dayNamesShort: ['Dom', 'Lun', 'Mar', 'Mer', 'Gio', 'Ven', 'Sab'], 
 
    dayNamesMin: ['Do', 'Lu', 'Ma', 'Me', 'Gio', 'Ve', 'Sa'], 
 
    isRTL: false, 
 
    beforeShowDay: function(date) { 
 
     if ($.inArray($.datepicker.formatDate('dd/mm/yy', date), dates) != -1) { 
 
     return [false, 'ui-state-highlight ui-state-active gior-occ']; 
 
     } else { 
 
     return [false, '']; 
 
     } 
 
    } 
 

 
    }); 
 

 
});

.gior-occ { 
 
    background-color: yellow; 
 
}

<link href="https://code.jquery.com/ui/1.9.1/themes/smoothness/jquery-ui.css" rel="stylesheet" /> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.9.1/jquery-ui.min.js"></script> 
 

 
<input id="my_div" />

注有問題的日期黃色的背景顏色。