compass-web/v2.5/target/bower_components/ng-bs-daterangepicker-plus
Ming He 6e01037e55 fix gitignroe so bower_components are included in target folder
Change-Id: I97a6ec0d4584b821970bc0fbedf3c9b898773688
2015-12-21 10:19:15 -08:00
..
dist fix gitignroe so bower_components are included in target folder 2015-12-21 10:19:15 -08:00
src fix gitignroe so bower_components are included in target folder 2015-12-21 10:19:15 -08:00
test fix gitignroe so bower_components are included in target folder 2015-12-21 10:19:15 -08:00
bower.json fix gitignroe so bower_components are included in target folder 2015-12-21 10:19:15 -08:00
Gruntfile.js fix gitignroe so bower_components are included in target folder 2015-12-21 10:19:15 -08:00
LICENSE fix gitignroe so bower_components are included in target folder 2015-12-21 10:19:15 -08:00
package.json fix gitignroe so bower_components are included in target folder 2015-12-21 10:19:15 -08:00
README.md fix gitignroe so bower_components are included in target folder 2015-12-21 10:19:15 -08:00

ng-bs-daterangepicker

Angular directive for Dan Grossman's bootstrap-daterangepicker

How to use it

Inject ngBootstrap in your application module:

angular.module('myApp', ['ngBootstrap']);

and then just add an input of type daterange:

<input type="daterange" ng-model="myDateRange">

The result object $scope.myDateRange has a startDate and endDate properties, which are instances of moment().

Implemented features so far

  • startDate, endDate: are taken from the ng-model object;
  • minDate, maxDate: mapped from min-date and max-date attributes;
  • dateLimit: mapped from limit attribute;
  • format: mapped from format attribute;
  • separator: mapped from separator attribute.

Example with all above features:

<input type="daterange" ng-model="dates" min-date="2013-09-10" max-date="2013-09-25" limit="3 days" format="L" separator="/">

The limit attribute lets you specify a number and unit similarly as you would invoke moment.duration().

Features to be implemented:

  • ranges
  • timePicker*
  • show*
  • other formatting options like *Class and stuff