angular-date-range-picker

Pure Angular date range picker, no jQuery

Angular Core Dependency: ~1.2

Module License: MIT

Added by: Sam Deering

GitHub

Repository

monterail/angular-date-range-picker

Stats

Stars: 66

Watchers: 66

Forks: 46

Author

Monterail
Monterail

Module Description

Pure Angular Datepicker, without jQuery

Install

bower install angular-date-range-picker

Usage

// require dateRangePicker module as dependency
angular.module('myApp', ['dateRangePicker']);
// specify default date range in controller
$scope.dates = moment().range("2012-11-05", "2013-01-25")
<!-- use 'date-range-picker' directive in view -->
<input type="text" date-range-picker ng-model="dates"/>

Customizations

Simple date picker

You can also select only one date:

<!-- use 'date-range-picker' directive in view -->
<input type="text" date-range-picker ranged="false"/>

Select range options

$scope.rangeSelectOptions = [
  {
    label: "This year",
    range: moment().range(
      moment().startOf("year").startOf("day"),
      moment().endOf("year").startOf("day")
    )
  },
  {
    label: "Last year",
    range: moment().range(
      moment().startOf("year").add(-1, "year").startOf("day"),
      moment().add(-1, "year").endOf("year").startOf("day")
    )
  }
]

<input type="text" date-range-picker ng-model="dates" custom-select-options="rangeSelectOptions" />

Angular version compatibility table

Due to usage of track by $index it is impossible to provide one version for both angular < 1.2 and >= 1.2.

Angular version date-range-picker version
1.2.x0.3.x
1.1.x0.2.x
1.0.x0.2.x

Development

npm install
bower install
grunt watch
open test/index.html

Contributing

  1. Fork it
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create new Pull Request

Module stats last updated: 2017-06-14 16:00:03

Disclaimer: Some data on this page may have been gathered from the authors GitHub respository. If you see any mistakes or outdated information please let us know. Thanks!