Javascript 如何基于当前时间显示隐藏元素

我有以下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) 

交货日期/时间
今天（09:00-12:00）

今天（12:00-15:00）

今天（15:00-18:00）

今天（18:00-21:00）

明天（09:00-12:00）

明天（12:00-15:00）

明天（15:00-18:00）

明天（18:00-21:00）

我只想根据当前时间只显示4个。例如，如果客户今天下午4点下单，我想给他看收音机4、5、6和7

我怎么能用angularJS做到呢

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

获取当前小时数并将其分配给$scope变量

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

每一个包装4个输入

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