Date range picker for Angularjs with UI-Bootstrap
npm install mw-datepicker-rangenpm or with bower.
shell
npm install mw-datepicker-range --save
`
$3
`shell
bower install mw-datepicker-range --save
`
Usage
Once the script is included in your html file, simply include the module in your app:
`javascript
angular.module('myApp', ['mw-datepicker-range']);
`
You can use the datepicker like always, if you want to have the range selection add 'mw-multi-select'.
It will work with the standart datepicker and with the datepicker popup
`html
`
'mw-multi-select' contains an array with all dates inside the selected range.
The viewValue is changed so that it will use the first and last Date from the array.
This module will use the customClass property of the datepickeroptions to add the class 'selected' to every date in the selected range, look into the example for more information.
Be aware of the fact that if you use the range selection the model is literally useless for you because it will only store the current clicked date.
If you want to use the selected range you can use either the full array or use the service to parse the array into an object with 'before' and 'after' property
`javascript
$scope.mwMultiSelectService.parse($scope.selectedDates, format);
`
Demo
View demo on Plunker
##SmartTable support
mw-datepicker-range now supports SmartTable
To use it you need to add this:
`html
``