在表中以AM/PM格式显示小时的另一种方式:在angular JS中，每小时从上午12点到晚上11点

Alternative way to display hour in AM/PM format in a table row-wise per hour 12 AM to 11 PM in angular JS

本文关键字：每小时 JS 11点 12点 angular 方式 AM PM 格式 另一种 小时      更新时间：2023-09-26
Html代码 
<div ng-app="myApp">
<div ng-controller="MyCtrl">
    <table>
        <tr ng-repeat="item in data">
            <td>{{item}}</td>
        </tr>
</table>
</div>
</div>

js文件如下:

var app=angular.module('myApp', []);
function MyCtrl($scope) {
    $scope.data.push("12 AM"); 
    for (var i=1; i<12; i++) {
            $scope.data.push(i+" AM");
    }
    $scope.data.push("12 PM"); 
    for (var i=1; i<12; i++) {
            $scope.data.push(i+" PM");
   }
}

这个工作得很好，但是在AngularJS中，任何其他的方法都是值得赞赏的。

条目实际上来自服务器吗?如果是这样，您应该使用日期过滤器将其转换为所需的格式。例如:{{ item | date : 'hh a' }}

如果，另一方面，你只是想通过小时刻度(说，对于日历的第一列)，并且出于某种原因，你不想使用现有的日历指令，那么我猜，你正在做的是好的。或者你可以创建一个JavaScript日期数组('…01:00"、"…在{{}}

中使用过滤器
相关文章：