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

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

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

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

通过

包装4个输入

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

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

1 个答案: