angularjs:格式API返回日期为dd-mm-yyyy

时间:2016-02-23 07:21:14

标签: angularjs date

我正在使用angular来开发混合移动应用程序。

我从Api获取日期Date : "2017/12/15",但我需要将其格式化为内部表达式,因为我正在使用ng-repeat来推送数据。

我需要像2017年12月15日或15-12-2017那样合成它。

我尝试了{{data.Date | date : 'dd-MM-yyyy'}},但这种做法无效。

我遵循了这些link1link2link3,但这些都没有解决我的问题。

2 个答案:

答案 0 :(得分:2)

这不起作用,因为您的日期是字符串格式。

将其转换为日期格式

$scope.toDate=function(strDt){
 return new Date(strDt);
}

html

{{toDate(data.Date) | date : 'dd-MM-yyyy'}}

DEMO

答案 1 :(得分:2)

type操纵小错误!请参阅以下固定摘录。

angular.module('app', [])
.controller('Ctrl', function($scope) {
  
  $scope.dateObj = function(stringDate) {
    //receives string but returns date object on which filter can be applied
    return new Date(stringDate);
  }

})
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="app" ng-controller="Ctrl">
  <div>
    {{ dateObj("2020/12/06") | date : 'dd-MM-yyyy'}}
  </div>