EN

← All examples

JavaScript Productivity booksy.com

Highlight today's appointments

Frames Booksy Biz calendar cells matching today's date in orange so you can focus on the current day.

Code to copy

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) {}

How to use this example

  1. Copy the code with the button above.
  2. Install JustZix (2 minutes) and open the extension on the target page.
  3. Add a new rule matching that page.
  4. Paste the code into the rule's JavaScript panel and save — it runs on every page visit.

Rate this example

No ratings yet — be the first.

Does this example work?

booksybizappointmentstoday

Related examples

Snippets are useless without somewhere to paste them.

JustZix takes 2 minutes to install and runs your code on every matching page. No account, no payment.

Download free See use cases