AngularJS + MomentJS Filter

Using MomentJS to format date

by sumrak

HTML

<script src="https://raw.github.com/timrwood/moment/1.7.2/min/moment.min.js"></script>
<div ng-app="miniapp">
    <div ng-controller="Ctrl">
        <div>
            <h2>ISO date</h2>
            <h4>Date formatted: {{dateISO | moment:'M/D/YYYY h:m A'}}</h4>
            <h4>Not formatted: {{dateISO}}</h4>
            <input type="text" ng-model="dateISO" name="isoInput" />
        </div>
        <div>
            <h2>ASP.NET JSON date</h2>
            <h4>Date formatted: {{dateAspNet | moment:'M/D/YYYY h:m A'}}</h4>
            <h4>Not formatted: {{dateAspNet }}</h4>
            <input type="text" ng-model="dateAspNet " 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)/";
}