Как показать Open / Closed на основе записей времени с помощью HTML-класса

Я пытаюсь отобразить Open или Closed в зависимости от времени компании на эту конкретную дату, используя Javascript. Я использую тему Listify на WordPress, в которой клиенты могут перечислить свой бизнес. У них есть возможность поставить свое рабочее время на каждый день недели. Я хочу иметь возможность использовать эти данные, которые хранятся в промежутке, а затем определить, открыт ли или закрыт бизнес, и отобразить их.

Вот код, который у меня есть:

<p class="business-hour" itemprop="openingHours" content="Monday 8am-17pm">
    <span class="day">Monday</span>
    <span class="business-hour-time">
         <span class="start">8:30 am</span> – <span class="end">5:30 pm</span>
   </span>
</p>

Это всего на один день, но вы должны понять. Я искал много часов, чтобы найти что-то подобное. Все, что я могу найти, - это кодирование с определенными часами, уже определенными в Javascript. Я хочу иметь возможность использовать классы начала и конца, чтобы создать открытый или закрытый. Это возможно? Я думаю, что это так. Я просто не могу сделать это правильно.

Я тренировался здесь, но не могу ничего понять:http://codepen.io/tetonhiker/pen/KzxRzg

Спасибо!

Ответы на вопрос(1)

Ваш ответ на вопрос