← Todos los ejemplos

JavaScript Productividad booksy.com

Resaltar horarios disponibles

Resalta en verde cada hora de cita activa y seleccionable para ver al instante cuándo el salón está libre.

Código para copiar

try {
  var slots = document.querySelectorAll('[data-testid*="slot" i], [class*="time-slot" i], button[class*="slot" i]');
  slots.forEach(function (s) {
    try {
      if (s.disabled || s.getAttribute('aria-disabled') === 'true') return;
      var t = (s.textContent || '').trim();
      if (!/\d/.test(t)) return;
      s.style.setProperty('background', '#e6f7ec', 'important');
      s.style.setProperty('border', '2px solid #2e7d32', 'important');
      s.style.setProperty('font-weight', '700', 'important');
    } catch (e) {}
  });
} catch (e) {}

Cómo usar este ejemplo

  1. Copia el código con el botón de arriba.
  2. Instala JustZix (2 minutos) y abre la extensión en la página de destino.
  3. Añade una nueva regla que coincida con esa página.
  4. Pega el código en el panel JavaScript de la regla y guarda — se ejecuta en cada visita a la página.

Valora este ejemplo

Sin valoraciones — sé el primero.

¿Funciona este ejemplo?

Los snippets son inútiles sin un lugar donde pegarlos.

JustZix se instala en 2 minutos y ejecuta tu código en cada página coincidente. Sin cuenta, sin pago.

Descargar gratis Ver casos de uso