Actualmente estoy usando el script jQuery UI Datepicker para mostrar las fechas de disponibilidad de un alquiler. Utilicé la forma recomendada de alimentar el script con una serie de días deshabilitados, pero mi problema es que el día en que finaliza el alquiler también debería estar disponible como fecha de inicio para un nuevo alquiler. El cliente solicitó un triángulo rojo en el primer y último día para mostrar que debería estar disponible. ¿Cómo puedo lograr eso con este complemento?

 $(function() { <?php $date_range = array(); $select = mysql_query("SELECT * FROM reservation WHERE cid='$chalet[id]' and status='1'"); while ($r = mysql_fetch_array($select)) { $date_range1 = createDateRangeArray(date("Ymd", $r[arrive]), date("Ymd", $r[depart])); // How can i use those 2 arrays to detect the right triangle to display and make sure the day is selectable $first[] = reset($date_range1); $last[] = end($date_range1); $date_range = array_merge($date_range, $date_range1); } foreach ($date_range as $key => $values) { $dates .= '"' . $values . '", '; } if ($dates) { echo 'var disableddates = [' . substr($dates, 0, -2) . "];\n"; } else { echo "var disableddates = [];\n"; } ?> function DisableSpecificDates(date) { var string = jQuery.datepicker.formatDate('dd-mm-yy', date); return [disableddates.indexOf(string) == -1]; } $( "#calendrier" ).datepicker({ beforeShowDay: DisableSpecificDates }); });

El código anterior representa lo siguiente

:

Necesito que se vea así: