如何在angularjs中过滤json date formate?

时间:2018-03-15 11:14:20

标签: angularjs json

任何人都告诉我如何从json日期格式过滤日期。我想表达喜欢例如,结婚,2018年3月7日。

我的代码是,

  <p>{{item.date}}</p>

我的json是,

  "date": "Wed, 07 Mar 2018 00:00:00 PST",

3 个答案:

答案 0 :(得分:1)

根据您对格式的要求应用日期过滤器:

var app = angular.module('myApp', []);
app.controller('datCtrl', function($scope) {
  var json = {
    "date": "Wed, 07 Mar 2018 00:00:00 PST"
  };
  $scope.item = new Date(json.date);
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>

<div ng-app="myApp" ng-controller="datCtrl">
  <p>{{ item | date: 'dd MMM y'}}</p>
</div>

请注意,您需要先向其投射日期类型:new Date()

答案 1 :(得分:0)

使用烟斗&#34; |&#34;这是文档https://docs.angularjs.org/api/ng/filter/date

的链接

答案 2 :(得分:0)

你必须使用传递正确格式的angularjs过滤日期,在你的情况下格式为'dd MMM yyyy'。

 <p>{{item.date | date: 'dd MMM yyyy'}}</p>

此外,您还必须在有效的JavaScript地址中转换日期:

$scope.item.date =  new Date($scope.item.date);