A directive of date and 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/angular-datetime-scroller.min.css" rel="stylesheet">
<script src="js/jquery.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/angular-datetime-scroller.min.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="{
formats: ['ll', '', 'HH', ':' 'mm'],
}"></div>
</div>
<script>
angular.module('your-app', ['mm-datetime-scroller'])
.controller('yourCtrl', ['$scope', yourCtrl]);
function yourCtrl($scope) {
$scope.datetime = new Date(); // or Date.now()
$scope.$watch('datetime', function() {
...
});
}
</script>