JSON Date Filter

JSON Date Filter exmaple
techieshravan · Jul 9, 2015 · 2169260 · 2169260
1 parent 12c94eb
commit 2169260
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 0 deletions.
diff --git a/JSONDateFilter/index.html b/JSONDateFilter/index.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <title>Angular JSON Date Converter Filter Example</title>
+ <script data-require="angular.js@*" data-semver="1.4.2" src="https://code.angularjs.org/1.4.2/angular.js"></script>
+ <script src="script.js"></script>
+</head>
+
+<body ng-app="jsonDateConverterExample">
+ <h2>Angular JSON Date Converter Filter Example</h2>
+ <div ng-controller="JsonDateController as dateCtrl">
+ <div>
+ Original JSON Date : {{sampleJsonDate}}
+ </div>
+ <h3>JavaScript dates in different formats :</h3>
+ <div>{{ sampleJsonDate | jsonDate }}</div>
+ <div>{{ sampleJsonDate | jsonDate : 'yyyy-MM-dd' }}</div>
+ <div>{{ sampleJsonDate | jsonDate :'medium' }}</div>
+ <div>{{ sampleJsonDate | jsonDate : 'yyyy-MM-dd HH:mm:ss Z' }}</div>
+ </div>
+</body>
+
+</html>
diff --git a/JSONDateFilter/script.js b/JSONDateFilter/script.js
@@ -0,0 +1,10 @@
+var jsonDateConverterExample= angular.module('jsonDateConverterExample', [])
+ .controller('JsonDateController', ['$scope', function($scope) {
+ $scope.sampleJsonDate = '\/Date(1433913313004-0800)\/';
+}]);
+
+jsonDateConverterExample.filter('jsonDate', ['$filter', function ($filter) {
+ return function (input, format) {
+ return (input) ? $filter('date')(parseInt(input.substr(6)), format) : '';
+ };
+}]);