如何在带有 ng-options 的选择框中选择默认时间值

Question

我有一个带有选择框的表单，用于选择企业的工作时间。我想选择上午 9:00 作为第一个框的默认值，并选择下午 5:00 作为第二个框的默认值。

这里是JSfiddle

例如，我有

<select ng-options="hour as (hour | date: 'shortTime') for hour in hours"
  ng-model="start_time" ng-change="update(start_time, $index, 1)">

如果在我的 app.js 中我将 $scope.start_time 设置为一个 Date 对象，该对象已初始化为上午 9:00 的当前日期和时间，则选择默认值作为选择框中的最后一个值。由于我使用日期过滤器以“shortTime”格式在选择框中显示时间，这是默认值未正确显示的原因吗？

Answer 1

只需设置模型start_time 正确，例如在您的控制器中！

<select ng-options="hour as (hour | date: 'shortTime') for hour in hours track by hour"
        ng-model="start_time" ng-change="update(start_time, $index, 1)">

$scope.start_time = new Date(); // set default date in controller

使用最新的angular版本和track by hour解决问题：http://jsfiddle.net/j8xu1h2h/