Question

如何将$scope数据转换为日期格式？

{{book.take_time | date: 'HH:mm'}}

$http.get("../api/book.php").then(function(response) {
        $scope.book = response.data;
});

内页包含book_id，book_name，take_time
如何将take_time转换为日期格式？

Answer 1

更新：输入$ scope.book实际上是一系列图书。 Pl参考作者的评论。

这是一种相当粗略的方式，但你可以尝试这样的事情：

<p data-ng-repeat="value in books">    
    {{value.take_time | date: 'shortTime'}} 
</p>

$http.get("../api/book.php").then(function(response) {
      $scope.book = response.data;

      angular.forEach($scope.book, function(value, key) {

        var res = value.take_time.split(":");
        //Assuming time is in hh:mm:ss format
        var date = new Date();
        date.setMinutes(res[1]);
        date.setHours(res[0]);

        value.take_time = date;
      });



});

查看其中的示例：http://www.w3schools.com/code/tryit.asp?filename=FBB8M1JMPUX5

Answer 2

使用Moment.js转换时间格式

moment($scope.data[0].take_time).format('HH:mm')

或者如果你有阵列那么

angular.forEach($scope.data,function(value,key){value.take_time = moment(value.take_time).format('HH:mm')});

下面是该js的链接

http://momentjs.com/

Answer 3

根据您的评论，您可以尝试“短时间”日期格式

'shortTime'：相当于en_US语言环境的'h：mm a'（例如下午12:05）

了解详情 - https://docs.angularjs.org/api/ng/filter/date

$ scope数据转换为日期格式

3 个答案: