ps-input-time

AngularJS time selector


Keywords
angular, time-picker, time, directive
License
ISC
Install
npm install ps-input-time@0.2.2

Documentation

psInputTime

AngularJS time selector

DEMO

Angular Strap did not easily play well with other date time objects and editing the time in an INPUT was preferable to AngularUI's control.

// include js scripts
<script src="js/angular.js"></script>
<script src="js/ps-input-time.js"></script>
// add to your app
var app = angular.module('myApp', ['ps.inputTime']);
// add input
<input type="text" ng-model="myTime" ps-input-time>

Supports input formats: HHmm, hh:mmAM, HH:mm for easy keyboard input. Use arrow keys (up,down,left,right,tab) to select and adjust time.

ngModel: required, watched, date object, default: local now

fixedDay: optional, boolean, default: false. If time can move past a 24 hour restriction and adjust the day of the date object.

minuteStep: optional, numeric, default: 5. How many minutes to increase time when using the UP arrow key. The down arrow key always is 1 minute.

min/max: optional, watched, date object, forces limits. Important when fixedDay = false

If your interested please rip this apart. Looking for lessons in proper use of AngularJs, javaScript and GitHub.

ToDo

  • Wrap a popup (like AngularUI) for easy mobile input, or if possible, revert to html5 input=time for mobile.