Skip to content

Lightweight Angular.js datepicker built with Moment.js and from scratch CSS

License

Notifications You must be signed in to change notification settings

burka/ng-flat-datepicker

 
 

Repository files navigation

ng-flat-datepicker

Lightweight Angular.js datepicker directive built with Moment.js.

ng-flat-datepicker screenshot

Demo

See 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

  1. npm install --save ng-flat-datepicker
  2. Link /dist/ng-flat-datepicker.jsand /dist/ng-flat-datepicker.css
  3. 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 the ng-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

About

Lightweight Angular.js datepicker built with Moment.js and from scratch CSS

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 61.4%
  • CSS 21.8%
  • HTML 16.8%