Agrego una licencia en el selector de fecha usando una matriz, pero dos licencias en el mismo día no se muestran en el calendario, solo se muestra la primera licencia en la matriz, pero la segunda licencia no se muestra.

mi matriz de vacaciones var es así = "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-"

mi jquery está aquí

 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, '']; } });

Estoy obteniendo resultados como este ver imagen aquí

pero quiero un resultado como este que edité desde la inspección de Chrome, por ejemplo , vea la imagen aquí