AngularJS : Filters - Date

Date filter in angularjs

by Sukanya Halder

HTML

<div class='description'>
<h3>
Date
</h3>
<h4>
{{ date_expression | date : format : timezone}}
</h4>
  Usage : In HTML Template Binding

</div>

<div ng-app='myModule' ng-controller='myController'>
  Date<span ng-model='date1'>{{date1}}</span><br />
  Date<span ng-model='date1'>{{date1|date:'medium'}}</span><br />
  Date<span ng-model='date1'>{{date1|date:'GGG'}}</span><br />
  Date<span ng-model='date1'>{{date1|date:'GGG'}}</span><br />
 </div>

CSS

span {
  padding: 3px;
  margin: 12px;
  background: yellow;
}

a {
  font-family: verdana;
  font-weight: bold;
  font-size: 0.6em;
}

JavaScript

var app = angular.module('myModule', []);
app.controller('myController', ['$scope', function($scope) {
  $scope.date1 = 20161212;
}]);