AngularJS date formats and the Date Filter
Using Angular to to format some date formats typically found in JSON results
HTML
<div ng-app="miniapp">
<div ng-controller="Ctrl">
<div>
<h2>ISO date</h2>
<h4>Date formatted: {{dateISO | date:'dd/MM/yyyy @ h:mma'}}</h4>
<h4>Not formatted: {{dateISO}}</h4>
<input type="text" ng-model="dateISO" name="isoInput" />
</div>
<div>
<h2>ASP.NET JSON</h2>
<h4>Date formatted: {{dateAspNet | date:'dd/MM/yyyy @ h:mma'}}</h4>
<h4>Not formatted: {{dateAspNet }}</h4>
<input type="text" ng-model="dateAspNet " name="aspnetInput" />
</div>
<div>
<h2>JavaScript Date Object</h2>
<h4>Date formatted: {{javascriptDateObject | date:'dd/MM/yyyy @ h:mma'}}</h4>
<h4>Not formatted: {{javascriptDateObject }}</h4>
<input type="text" ng-model="javascriptDateObject" name="aspnetInput" />
</div>
</div>
</div>
JavaScript
var $scope;
var app = angular.module('miniapp', []).filter('moment', function() {
return function(dateString, format) {
return moment(dateString).format(format);
};
});
function Ctrl($scope) {
$scope.dateISO = "2012-11-04T18:53:04.0000000Z";
$scope.dateAspNet = "/Date(1352055184000)/";
$scope.javascriptDateObject = 20180502112844;
}