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

Question

这里我有一整天的24个时段，这些时段包含一个小时的预订任何财产。

现在我想根据花费的时间禁用那些没有更多用途预订的时间段。

以下是这些时段的图片

这是我禁用这些时段的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;
  }

请建议我..谢谢

Answer 1

PHP变体

检查PHP中的当前小时（函数date）以及过去包含时间的元素，打印类hour_slots_disabled。

JavaScript变体

检查JS中的当前小时（对象Date）以及将来包含时间的元素，删除类hour_slots_disabled（因为JS应该只在加载整个页面后运行，所有元素必须是默认禁用）。