¿Cómo puedo usar jQuery selector de fechas para destacar con befereshowday dos tipos diferentes de fechas especiales?

Question

Es decir, que encontré aquí una manera de desactivar una serie de nationalDays.

Estoy tratando de hacer un código para desactivar los días nacionales y también para poner de relieve algunos otros días (estoy codificación de una aplicación web y pasaré otra matriz de días), pero para hacerles habilitadas.

Imagine un calendario donde se pueden ver tres colores diferentes del día. El primero de ellos, la fecha de hoy. La segunda, en gris días nacionales de movilidad reducida. Y en un tercer color, diferentes días en que algo especial va a suceder.

¿Es esto posible.

Además, ¿dónde puedo encontrar los códigos CSS selector de fechas en la interfaz de usuario para cambiar la fecha por defecto, y las propiedades no disponible Fecha de css.

Gracias de antemano.

Answer 1

Sobre la base de la función de la página se ha vinculado a:

$(".selector").datepicker({ beforeShowDay: specialAndNationalDays});

natDays = [
  [1, 26, 'au'], [2, 6, 'nz'], [3, 17, 'ie'],
  [4, 27, 'za'], [5, 25, 'ar'], [6, 6, 'se'],
  [7, 4, 'us'], [8, 17, 'id'], [9, 7, 'br'],
  [10, 1, 'cn'], [11, 22, 'lb'], [12, 12, 'ke']
];
speDays = [
  [1, 10, 'mbd'], // Moms Bday
  [7, 20, 'dbd']  // Dads Bday
];

function nationalDays(date) {
    for (i = 0; i < natDays.length; i++) {
      if (date.getMonth() == natDays[i][0] - 1
          && date.getDate() == natDays[i][1]) {
        return [false, natDays[i][2] + '_day'];
      }
    }
  return [true, ''];
}
function specialAndNationalDays(date) {
    for (i = 0; i < speDays.length; i++) {
      if (date.getMonth() == speDays[i][0] - 1
          && date.getDate() == speDays[i][1]) {
        return [true, speDays[i][2] + '_day']; 
        // first variable in return enables(true)/disables(false) the date
      }
    }
  return nationalDays(date);
}