Question

我尝试使用Javascript根据公司在特定日期的时间显示打开或关闭。我在WordPress上使用主题Listify，客户可以列出他们的业务。他们可以选择在一周中的每一天营业。我希望能够使用存储在范围内的数据，然后确定业务是打开还是关闭并显示。

这是我到目前为止的代码：

<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中定义的特定时间进行编码。我希望能够使用类start和end来创建open或closed。这可能吗？我想是的。我似乎无法正确地做到这一点。

我一直在这里练习，但似乎无法解决任何问题：http://codepen.io/tetonhiker/pen/KzxRzg

谢谢！

Answer 1

我已经使用date.js

稍微修改了您的代码

http://codepen.io/anon/pen/VaGdBK

＆＃13;

var da = new Date();
document.getElementById("display").innerHTML = da.toDateString();




//gets the current time. 
//var d = new Date();
var x = document.getElementsByClassName("start")[0].innerText;
var z = document.getElementsByClassName("end")[0].innerText;
//var o = parseInt(x,10);
//var c = parseInt(z,10);

var startTime = Date.parseExact(x, "h:mm tt");
var endTime = Date.parseExact(z, "h:mm tt");

if (da.between(startTime, endTime)){
    $(".open").show();
    $(".closed").hide();
}
else {  
    $(".closed").show();
    $(".open").hide();
}

＆＃13;

.open, .closed {
  display: none;
}

＆＃13;

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/datejs/1.0/date.min.js"></script>
<span class="day">Monday </span>
<span class="start">8:30 am</span> - 
<span class="end">5:30 pm</span>
<br>
<span id="display"></span>
<div class="open">Shop is open</div>
<div class="closed">Shop is closed</div>

＆＃13;

我还没有充分研究过，所以我不知道它对时区的影响。您可能需要调整我发布的内容以解决此问题。

另外：添加了一条CSS规则，以避免在其中一个被jQuery隐藏之前显示打开和关闭的短暂闪存。

如何根据带有html类

1 个答案: