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; 
      } 
     }