0.1.4 • Published 8 years ago
ng-flat-datepicker v0.1.4
ng-flat-datepicker
Lightweight Angular.js datepicker directive built with Moment.js.
Demo
Features
- Custom ng-model date format: custom string or js date
- Min date / Max date
- Allow/disallow future date selection
- Quick selection of month and year
- Locale aware (Angular and Moment locale)
Requirements
- Angularjs >=1.2
- Moment.js
Installation
npm install --save ng-flat-datepicker
- Link
/dist/ng-flat-datepicker.js
and/dist/ng-flat-datepicker.css
- Add the module
'ngFlatDatepicker'
as dependency of your angular module.
Usage
This is an attribute only directive.
<input type="text" ng-model="date" ng-flat-datepicker>
<button ng-model="date" ng-flat-datepicker>Pick a date</button>
Options
Attributes:
datepicker-config
: Object - The datepicker's config object.
<input type="text" ng-model="date" datepicker-config="yourCustomConf" ng-flat-datepicker>Pick a date</button>
Config object properties:
dateFormat
: String - The Moment.js format of the date in theng-model
. Fallback to js date Object if no format is given. Eg:'DD/MM/YYYY'
.minDate
: Object - The minimum selectable date. Must be a Moment Date Object.maxDate
: Object - The maximum selectable date. Must be a Moment Date Object.allowFuture
: Boolean - Maximum selectable date is tomorrow
Locale
Default locale is english but you can load any locale of your choice (Angular and Moment), the datepicker use the currents locales.
Contributions
Just install the dev dependencies and start a gulp watch
Credits
Design: YannickAWE