Как показать 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
Спасибо!