angularjs-datetime-picker

WebJar for angularjs-datetime-picker

License

License

MIT
Categories

Categories

JavaScript Languages Angular User Interface Web Frameworks
GroupId

GroupId

org.webjars.bower
ArtifactId

ArtifactId

angularjs-datetime-picker
Last Version

Last Version

0.1.20
Release Date

Release Date

Type

Type

jar
Description

Description

angularjs-datetime-picker
WebJar for angularjs-datetime-picker
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/kineticsocial/angularjs-datetime-picker

Download angularjs-datetime-picker

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.bower/angularjs-datetime-picker/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>angularjs-datetime-picker</artifactId>
    <version>0.1.20</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bower/angularjs-datetime-picker/
implementation 'org.webjars.bower:angularjs-datetime-picker:0.1.20'
// https://jarcasting.com/artifacts/org.webjars.bower/angularjs-datetime-picker/
implementation ("org.webjars.bower:angularjs-datetime-picker:0.1.20")
'org.webjars.bower:angularjs-datetime-picker:jar:0.1.20'
<dependency org="org.webjars.bower" name="angularjs-datetime-picker" rev="0.1.20">
  <artifact name="angularjs-datetime-picker" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bower', module='angularjs-datetime-picker', version='0.1.20')
)
libraryDependencies += "org.webjars.bower" % "angularjs-datetime-picker" % "0.1.20"
[org.webjars.bower/angularjs-datetime-picker "0.1.20"]

Dependencies

compile (1)

Group / Artifact Type Version
org.webjars.bower : angular jar [1.4.4,1.5)

Project Modules

There are no modules declared in this project.

Simple DateTime Picker For AngularJS

No JQuery, No Bootstrap, Just AngularJS (ver. 1.3+)

DEMO Imgur

To Get Started

For Bower users,

$ bower install angularjs-datetime-picker

  1. Include angularjs-datetime-picker.js and angularjs-datetime-picker.css

     <link rel="stylesheet" href="angularjs-datetime-picker.css" />
     <script src="angularjs-datetime-picker.js"></script>
    
  2. add it as a dependency

     var myApp = angular.module('myApp', ['angularjs-datetime-picker']);
    
  3. Use it

     <input datetime-picker ng-model="model" />
    

Attributes

  • date-format: optional, date format e.g. 'yyyy-MM-dd'
  • year: optional, year selected, e.g. 2015
  • month: optional, month selected, e.g. 5
  • day: optiona, day selected, e.g. 31
  • hour: optional, hour selected, 23
  • minute: optional, minute selected, 59
  • date-only: optional, if set, timepicker will be hidden
  • future-only: optional, if set, forces validation errors on dates earlier than now

Examples

<input ng-model="date1" datetime-picker date-only />

<input ng-model="date1" datetime-picker date-only future-only />

<input ng-model="date2" datetime-picker date-format="yyyy-MM-dd" date-only />

<input ng-model="date3" datetime-picker date-format="yyyy-MM-dd HH:mm:ss" />

<input ng-model="date4" datetime-picker hour="23" minute='59'/>

<input ng-model="date5" datetime-picker date-format="yyyy-MM-dd HH:mm:ss" year="2014" month="12" day="31" />
org.webjars.bower

[email protected]

Versions

Version
0.1.20