search

fragaria / angular-daterangepicker

Angular.js wrapper for dangrossman/bootstrap-daterangepicker
MIT License
519 stars 371 forks source link

Can not add event handler #93

Closed ettigr closed 9 years ago

ettigr commented 9 years ago

According to the documentation , event handlers can be passed in through the eventHandlers

<input date-range-picker class="form-control date-picker" type="text" ng-model="date" options="{eventHandlers: {'cancel.daterangepicker': function(ev, picker) { ... }}}"/>

I tried to put instead of ... any JavaScript code like : date=''; - got parse error

ettigr commented 9 years ago

Did it like this: in html <input date-range-picker options="dateRangePickerOptions"... name="date" ng-model="date"/> --> in js $scope.dateRangePickerOptions = { eventHandlers: { 'cancel.daterangepicker': function() { date = ""; } }, singleDatePicker: true, timePicker: true , clearable: true , locale: {format: 'MM/DD/YYYY h:mm A'} };

ettigr commented 9 years ago

html :

<input date-range-picker options="dateRangePickerOptions" ng-model="date" ... />

chillyistkult commented 9 years ago

Can confirm, it's broken atm or at least the way as it is described in the readme does not work.

anurag619 commented 7 years ago

I got the 'apply' event handler working: JS: a.dateRangePickerOptions = {locale: {format: 'DD MMM'}, separator: 'to', eventHandlers: {'apply.daterangepicker': function(ev, picker) { console.log(ev.model); }} }; HTML: <input date-range-picker class="form-control date-picker" type="text" ng-model="datePicker" options="dateRangePickerOptions" />

'ev.model' contains start and end date. At this point you can call your function for further processing.