Javascript 如何根据当前时间禁用时隙

在这里，我有一整天24个时段，这些时段包含一个小时的预订时间

现在我想禁用那些已经消失的时间段，这些时间段不再用于根据所用时间进行预订

以下是这些时段的图片

.hour_slots_disabled{
     height: 40px;
     width: 75px;
     cursor: not-allowed;
     background-color: #ccc;
     border-radius: 2px;
     -o-transition:.5s;
     -ms-transition:.5s;
     -moz-transition:.5s;
     -webkit-transition:.5s;
     transition:.5s;
  }

这是我用来禁用那些时隙的css

.hour_slots_disabled{
     height: 40px;
     width: 75px;
     cursor: not-allowed;
     background-color: #ccc;
     border-radius: 2px;
     -o-transition:.5s;
     -ms-transition:.5s;
     -moz-transition:.5s;
     -webkit-transition:.5s;
     transition:.5s;
  }

---

请建议我。。谢谢

PHP变体

在PHP中检查当前小时（函数

date

），对于包含过去时间的元素，打印类

hour\u slots\u disabled

JavaScript变体

---

检查JS中的当前小时（object

Date

），对于将来包含时间的元素，请删除类

hour\u slots\u disabled

（由于JS只应在加载整个页面后运行，因此默认情况下必须禁用所有元素）。

在PHP中检查当前小时（函数

date

），对于包含过去时间的元素，打印类

hour\u slots\u disabled

JavaScript变体

---

检查JS中的当前小时（object

Date

），对于将来包含时间的元素，删除类

hour\u slots\u disabled

（因为JS应该只在加载整个页面后运行，所以默认情况下必须禁用所有元素）。

是根据当前时间更改此css类的另一种方法吗？这里有两种类型的css类。。一个是（.hour\u slots\u disabled），如上文问题部分所示，第二个是（.hour\u slots\u disabled）。你说的“另一种方式”是什么意思？不是由PHP设置，也不是由JS更改？这是他们根据当前时间更改css类的另一种方法吗？这里有两种类型的css类。。一个是（.hour\u slots\u disabled），如上文问题部分所示，第二个是（.hour\u slots\u disabled）。你说的“另一种方式”是什么意思？不是由PHP设置，也不是由JS更改？