Wie Open / Closed basierend auf Zeitaufzeichnungen mit einer HTML-Klasse angezeigt wird

Ich versuche, mithilfe von Javascript Offen oder Geschlossen basierend auf der Uhrzeit eines Unternehmens für dieses bestimmte Datum anzuzeigen. Ich verwende ein Thema Listify auf WordPress, mit dem Kunden ihre Geschäfte auflisten können. Sie haben die Möglichkeit, ihre Geschäftszeiten für jeden Wochentag einzugeben. Ich möchte in der Lage sein, die Daten zu verwenden, die innerhalb einer Spanne gespeichert sind, und dann feststellen, ob das Geschäft geöffnet oder geschlossen ist, und das anzeigen.

Hier ist der Code, den ich bisher habe:

<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>

Dies ist nur für einen Tag, aber du solltest auf die Idee kommen. Ich habe stundenlang nach so etwas gesucht. Alles, was ich finden kann, ist die Kodierung mit den spezifischen Stunden, die bereits in Javascript definiert sind. Ich möchte in der Lage sein, die Klassen start und end zu verwenden, um ein offenes oder geschlossenes zu erstellen. Ist das möglich? Ich würde denken, dass es ist. Ich kann es einfach nicht richtig machen.

Ich habe hier geübt, kann aber anscheinend nichts herausfinden:http: //codepen.io/tetonhiker/pen/KzxRz

Vielen Dank

Antworten auf die Frage(2)

Ihre Antwort auf die Frage