← Tous les exemples

Mettre en avant les rendez-vous du jour

Encadre en orange les cellules du calendrier Booksy Biz correspondant à aujourd'hui pour mieux se concentrer sur le jour.

Code à copier

try {
  var today = new Date().toISOString().slice(0, 10);
  var cells = document.querySelectorAll('[data-date], [data-testid*="day" i][aria-label]');
  cells.forEach(function (c) {
    try {
      var d = c.getAttribute('data-date') || '';
      if (d.indexOf(today) === 0) {
        c.style.setProperty('outline', '3px solid #ef6c00', 'important');
        c.style.setProperty('background', '#fff3e0', 'important');
      }
    } catch (e) {}
  });
} catch (e) {}

Comment utiliser cet exemple

1. Copiez le code avec le bouton ci-dessus.
2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
3. Ajoutez une nouvelle règle correspondant à cette page.
4. Collez le code dans le panneau JavaScript de la règle et enregistrez — il s'exécute à chaque visite de page.