Jquery UI日期選擇器：突出顯示第一個

Question

如果var express爲true，我想在前3個可選日期中添加一個類。

下面的代碼工作，但如果我選擇一個日期被刪除的類

$datepicker.datepicker({ 
     dayNamesMin: ["S", "M", "D", "M", "D", "F", "S"], 
     beforeShowDay:$.datepicker.noWeekends, 
     firstDay: 1, 
     minDate: d, 
     dateFormat: "dd.mm.yy", 
     onSelect: function (dateText, inst) { 

      $('.delivery-date').text(dateText); 

      var printReleaseDateParts =dateText.split('.'); 
      var printReleaseDate = new Date(printReleaseDateParts[2],printReleaseDateParts[1]-1,printReleaseDateParts[0]); 
      printReleaseDate.setDate(printReleaseDate.getDate() - printRelease); 
      $('.print-release-date').text($.datepicker.formatDate('dd.mm.yy', printReleaseDate)); 
      $datepicker.removeClass('express'); 
      if (express) { 
       $datepicker.addClass('express'); 
       $('*[data-handler="selectDay"]:lt(3)').addClass('express'); 
      } else { 
       $datepicker.removeClass('express'); 
       $('*[data-handler="selectDay"]:lt(3)').removeClass('express'); 

      } 

     }, 
     onChangeMonthYear: function(){ 
      console.log('onChangeMonthYear'); 

     } 
    }); 

的VAR快遞是由複選框設置。最後，如果複選框被選中，用戶應該能夠選擇突出顯示的快遞日期。快遞日期爲定期啓動的第一個可選日期前3天。第一個可選日期由更改時的複選框更改

$('input:checkbox[name=option-express]').change(function() { 
      if ($(this).prop("checked") == true) { 
       $datepicker.addClass('express'); 
       var d = calculateMinDate(deliveryExpress); 
       $datepicker.datepicker("option", "minDate", d); 
       $('*[data-handler="selectDay"]:lt(3)').addClass('express'); 

       express = true; 


      } else { 
       $datepicker.removeClass('express'); 
       var d = calculateMinDate(deliveryRegular); 
       $datepicker.datepicker("option", "minDate", d); 
       $('*[data-andler="selectDay"]:lt(3)').removeClass('express'); 

       express = false; 
      } 
     }); 

僅應突出顯示營業日。

那麼突出顯示最初幾天的最佳做法是什麼？

編輯：

現在我實現了自定義功能beforeShowDay但沒有運氣。 console.log被激發四次，但不添加該類。

var expressDates = ["08/29/2016", "08/30/2016", "08/31/2016", "09/01/2016"]; 
function expressDays(date) { 
      var noWeekend = $.datepicker.noWeekends(date); 
      if (noWeekend[0] && express) { 
       for (var i = 0; i < expressDates.length; i++) { 
        if (new Date(expressDates[i]).toString() == date.toString()) { 
         console.log('express day!') 
         return [true, 'express', 'Express']; 
        } 
       } 
       return [true, '']; 
      } else { 
       return noWeekend; 
      } 
     } 

Answer 1

好吧，我想通了我的自我。我修改了beforeShowDay的函數。我把我的快遞日期放在一個數組中，並用$ .inArray（）來檢查它。（）

function expressDays(date) { 
      var noWeekend = $.datepicker.noWeekends(date); 
      var expressDates = []; 
      for (var i = 0; i < deliveryExpress-1; i++) { 
       expressDates.push(moment($datepicker.datepicker("option", "minDate")).businessAdd(i).format('L')) 
      } 

      if (noWeekend[0] && express) { 
       var dateString = $.datepicker.formatDate('mm/dd/yy', date); 
       if($.inArray(dateString,expressDates) >=0){ 
        return [true, 'express', 'Express']; 
       }else{ 
        return [true, 'noexpress']; 
       } 
      } else { 
       return noWeekend; 
      } 
     }