如何根据当前时间显示隐藏元素

Question

我有8个无线电按钮。

<h4>Date/time of delivery</h4>

<input type="radio" ng-model="order.delivery" value="1"> Today (09:00-12:00) <br/>
<input type="radio" ng-model="order.delivery" value="2"> Today (12:00-15:00) <br/>
<input type="radio" ng-model="order.delivery" value="3"> Today (15:00-18:00) <br/>
<input type="radio" ng-model="order.delivery" value="4"> Today (18:00-21:00) <br/>
<input type="radio" ng-model="order.delivery" value="5"> Tomorrow (09:00-12:00) <br/>
<input type="radio" ng-model="order.delivery" value="6"> Tomorrow (12:00-15:00) <br/>
<input type="radio" ng-model="order.delivery" value="7"> Tomorrow (15:00-18:00) <br/>
<input type="radio" ng-model="order.delivery" value="8"> Tomorrow (18:00-21:00) 

我只想根据当前时间显示4。例如，如果客户今天下午4点下订单，我想向他展示4,5,6和7号收音机。

我怎么能在angularJS中做到这一点。

Answer 1

1. 从服务器（或信任客户端计算机日期）获取时间戳（ms）

2. 获取当前小时并将其分配给$ scope variable

   $scope.currentHour = new Date(timestamp).getHours() //or .getUTCHours()
   

3. 通过

   包装4个输入

   <span ng-if="currentHour < 16">
       <input ....
   </span>
   <span ng-if="currentHour >= 16">
       <input ....
   </span>