ps-input-time

WebJar for ps-input-time

License	MIT
Categories	Angular User Interface Web Frameworks
GroupId	org.webjars.bower
ArtifactId	angular-ps-input-time
Last Version	0.2.2
Release Date	Mar 21, 2016
Type	jar
Description	ps-input-time WebJar for ps-input-time
Project URL	http://webjars.org
Source Code Management	https://github.com/randallmeeker/ps-input-time

Download angular-ps-input-time

Filename	Size
angular-ps-input-time-0.2.2.pom
angular-ps-input-time-0.2.2.jar	7 KB
angular-ps-input-time-0.2.2-sources.jar	22 bytes
angular-ps-input-time-0.2.2-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.bower/angular-ps-input-time/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>angular-ps-input-time</artifactId>
    <version>0.2.2</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.bower/angular-ps-input-time/
implementation 'org.webjars.bower:angular-ps-input-time:0.2.2'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.bower/angular-ps-input-time/
implementation ("org.webjars.bower:angular-ps-input-time:0.2.2")

Apache Buildr

'org.webjars.bower:angular-ps-input-time:jar:0.2.2'

Apache Ivy

<dependency org="org.webjars.bower" name="angular-ps-input-time" rev="0.2.2">
  <artifact name="angular-ps-input-time" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.bower', module='angular-ps-input-time', version='0.2.2')
)

Scala SBT

libraryDependencies += "org.webjars.bower" % "angular-ps-input-time" % "0.2.2"

Leiningen

[org.webjars.bower/angular-ps-input-time "0.2.2"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

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.

Versions

Version
0.2.2 Mar 21, 2016