2016-04-08 3 views
0

日付を2014年4月8日の形式に変換するにはどうすればよいですか?Angularjsで '2016年4月8日'の形式で日付を変換しますか?

// in your controller: 
$scope.date = '20140313T00:00:00'; 

// in your view, date property, filtered with date filter and format 'MM dd yyyy' 

<div ng-bind="date | date:'MM dd yyyy'"></div> 
+0

[anglejs日付フィルタの日付形式を拡張する](http://stackoverflow.com/questions/23407893/extending-date-formats-for-angularjs-date-filter) – trollr

+0

https://github.com/urish/angular-moment –

答えて

1

をあなたの角度コントローラ

 $scope..DayofDate = ""; 
     $scope.Monthofdate = ""; 
     $scope.DaySuffix = ""; 
     $scope.getDateFormat = function (date) { 
      var suffixes = ["th", "st", "nd", "rd"];    
      var dtfilter = $filter('date')(date, 'dd'); 
      $scope.DayofDate = dtfilter; 
      var mtfilter = $filter('date')(date, 'MMM yyyy'); 
      $scope.Monthofdate = mtfilter; 
      var day = parseInt(dtfilter.slice(-2)); 
      var relevantDigits = (day < 30) ? day % 20 : day % 30; 
      var suffix = (relevantDigits <= 3) ? suffixes[relevantDigits] : suffixes[0]; 
      $scope.DaySuffix = suffix;   
     } 

にし、あなたのHTMLページに

<div ng-init="getDateFormat(date)"> 
    <p>Date : {{DayofDate}} <sup>{{DaySuffix}}</sup>{{Monthofdate}}</p> 
</div> 
0

これを試してみてください:

<html> 
<head> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.min.js"></script> 
</head> 
<body ng-app="myApp" ng-controller="myCtrl"> 

{{myDate | date: 'dd MMM yyyy'}} 
<script> 
//Module Declaration 
var app = angular.module('myApp',[]); 
//Controller Declaration 
app.controller('myCtrl',function($scope){ 
    $scope.myDate="20140313T00:00:00"; 
}); 
</script> 
</body> 
</html> 

詳細は、このドキュメントを参照してください。https://docs.angularjs.org/api/ng/filter/date

+0

曜日の接尾辞をフォーマット – sainu

+0

okz ........にしたいhmmmm – Deadpool

関連する問題