Date Filter

Filter html concepts

by manoj_antony32

HTML

<div ng-app="CurrencyApp" ng-controller="CurrencyController">
  <input type="text" ng-model="dateShow">
  <h2>{{ dateShow | date: 'short' }}</h2>
  <!--{{ date_expression | date : format : timezone}}-->
  <h2>{{ dateShow | date: 'dd/MM/yyyy' }}</h2>
  <h2>{{ dateShow | date: 'hh:mm' }}</h2>
<h2>{{ dateShow | date:'medium'}}</h2>
<h2>{{ dateShow | date:'yyyy-MM-dd HH:mm:ss Z'}}</h2>
<h2>{{ dateShow | date:'MM/dd/yyyy @ h:mma'}}</h2>
<h2>{{ dateShow | date:"MM/dd/yyyy 'at' h:mma"}}</h2>
  
</div>

JavaScript

var myApp = angular.module('CurrencyApp', []);
myApp.controller("CurrencyController", ['$scope','$interval', function($scope, $interval) {
  $scope.dateShow = new Date();
  
  $interval(function(){
    	$scope.dateShow = new Date();
  }, 1000)
  
}]);