Angular NgOptions test

Working model for date formatting in ngOptions

by Yatin Luthra

HTML

<body ng-app='mymodule'>
  <div ng-controller='mycontroller'>
    <select class="select" ng-model="classdate" ng-init="classdate=''" ng-options="d | date:'d,MMM,yyyy' for d in datelist" ng-change="classdateUpdated()">
      <option value="">Select lecture date</option>
    </select>
  </div>
</body>

JavaScript

angular.module('mymodule', [])
  .controller('mycontroller', ['$scope', function($scope) {
    $scope.classdateUpdated = function() {
      alert($scope.classdate);
    };
    $scope.datelist = [new Date(2000, 01, 01), new Date(2000, 02, 01), new Date(2000, 03, 01), new Date(2000, 04, 01), new Date(2000, 05, 01), new Date(2000, 06, 01), new Date(2000, 07, 01)];
  }]);