Skip to content

Commit

Permalink
Fix headers
Browse files Browse the repository at this point in the history
  • Loading branch information
spongessuck authored Apr 11, 2017
1 parent e5987a8 commit afa7f12
Showing 1 changed file with 7 additions and 7 deletions.
14 changes: 7 additions & 7 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,11 +3,11 @@ gm.datepickerMultiSelect

gm.datepickerMultiSelect is an AngularJS module that extends UI Bootstrap's Datepicker directive to allow for multiple date selections.

##Install from NPM or Bower
## Install from NPM or Bower

$ (npm || bower) install gm.datepicker-multi-select --save

##Usage
## Usage

Once the script is included in your html file, simply include the module in your app:

Expand All @@ -32,30 +32,30 @@ NOTE: Selected dates are stored as an array of time values, not date objects. An

selectedDates.push(new Date().setHours(0, 0, 0, 0));

##Issues
## Issues

Version 1.0.8 of this module is not compatible with the (uib-)datepicker-popup directive. If you need to use it, please use v1.0.7.

###UI Bootstrap 2.x.x
### UI Bootstrap 2.x.x

The custom template solution for UI Bootstrap 1.x.x no longer works in UI Bootstrap 2.x.x. Instead, please use the `customClass` property of `datepicker-options` to apply a class to selected dates. This solution works for UI Bootstrap 1.x.x as well, if you prefer this solution over using custom templates.

See the plunker below for a working example. Please note that removing dates from the selected dates array programmatically (like clicking the 'remove' button in the demo) doesn't automatically trigger an update on the datepicker. You need to re-assign the `activeDate` for your `customClass` handler to get called again:

http://plnkr.co/edit/7rKzFo?p=preview

###UI Bootstrap 1.x.x
### UI Bootstrap 1.x.x
The styling of the selected date buttons is broken as of UI Bootstrap 1.0.0 due to breaking changes in the template due to [angular-ui/bootstrap@72f13ef](https://github.com/angular-ui/bootstrap/commit/72f13ef38b1f460dc7d288a45368e2d0b6df093d). The temporary solution is to replace the day.html template with one based on `ng-class`. See the example page `examples/angular.1.5.6-bootstrap.1.3.3.html` for proper implementation.

##Date Ranges
## Date Ranges

You can change the selection mode from individual dates to a date range by setting the select-range attribute to a truthy value or expression (that isn't a string equal to "false"):

<uib-datepicker ng-model='activeDate' multi-select='selectedDates' select-range='true'></uib-datepicker>

After selecting a range, clicking a new date will reset the selection.

##Demo
## Demo

<a href='http://plnkr.co/edit/iVSdXt?p=preview' target='_blank'>View demo on Plunker</a>

Expand Down

0 comments on commit afa7f12

Please sign in to comment.