michihiro / sandbox2

sandbox 2

Angular-datatime-scroller

#Overview

A directive of data & time scroller for angularJS

#Requirements

• AngularJS 1.2
• jQuery 1.11/2.0
• Moment.js
• Hammer.js 2.0
• Hamster.js

#Usage Attach the stylesheet and the scripts to your page.

  <link href="css/mm-datetime-scroller.css" rel="stylesheet">
  <script src="js/jquery-1.11.1.min.js"></script>
  <script src="js/angular.min.js"></script>
  <script src="js/moment.min.js"></script>
  <script src="js/hammer.min.js"></script>
  <script src="js/hamster.js"></script>
  <script src="js/mm-datetimescroller.js"></script>

You can put an element that has mm-datetime attribute, and use from your controller.

<<div ng-controll="yourCtrl">

    :

  <div mm-datetime="datetime" option="{
    datetime: datetime,
    formats: ['MM/D(ddd)', '', 'HH', ':' 'mm'],
  }"></div>

   :

</div>
<script>

  angular.module('your-app', ['mm-datetime']);

  angular.controller('yourCtrl', ['$scope', 
    function($scope) {

      $scope.datetime = new Date(); // or Date.now()

      $scope.$watch('datetime', function() {

        :

      });
    }
  ]);
</script>