javascript - 如何在 jquery datepicker 中添加一个和多个叶子

Question

我使用数组在日期选择器中添加请假，但是同一天的两次请假未显示在日历中，仅显示数组中的第一次请假，但未显示第二次请假。

我的 var leaveday 数组是这样的 ="2021,09,28,Love is on Leave-2021,09,18,Pravin is on Leave-2021,09,25,Darshit is on Leave-2021,09,18,Love is on Leave-"

我的 jquery 在这里

var leave_dates= $("#all_past_leave").val();
if(leave_dates !== null && leave_dates !== '' && leave_dates !== undefined) {
    var leave_all = leave_dates.slice(0,-1);
    var leaveDays = leave_all.split('-');
 }
$(function() {
    $("#past_leave").datepicker({
        numberOfMonths:3,
       beforeShowDay: setLeaveDays
    });
  
    // set Leave function which is configured in beforeShowDay
   function setLeaveDays(date) {
     for (i = 0; i < leaveDays.length; i++) {
          
        var leaveData = leaveDays[i].split(',');

        if (date.getFullYear() == leaveData[0]
            && date.getMonth() == leaveData[1] - 1
            && date.getDate() == leaveData[2]) {
          return [true, 'staff_leaves', leaveData[3]];
       }
     }
    return [true, ''];
  }
  });

我得到这样的结果，请参见此处的图片

但我想要这样的结果，例如我从 chrome 检查编辑的， 请参见此处的图像

标签： javascriptphphtmljquery