Date range picker change event firing 3 times

[Ramesh]

     Dear Support team,

i'm using the daterange picker of the Kendo UI. and I want to call a function when the from date and to date both selected (up on closing may be)

I tried using the close event but on the close event i do not get the end date (End date is null on the closing event)

your help is much appreciated

 

Thanks

Ramesh R 

[Mihaela]

Hello Ramesh,

Thank you for the attached screenshots.

I would recommend calling the function in the change event of the Kendo UI DateRangePicker since it fires after the close event when any of the dates is selected/changed. To prevent the calling of the function, each time the event is fired, you could verify if both start and end dates are selected, as follows:

$(document).ready(function() {
  function internalFunction(startDate, endDate) {
    ...
  } 

  function onChange() {
    var range = this.range();
    var startDate = range.start;
    var endDate = range.end;
    if(startDate && endDate ) {
      internalFunction(startDate, endDate);
    }
  }

   $("#daterangepicker").kendoDateRangePicker({
      change: onChange
    });
});

Let me know if you have any other queries. I would be happy to assist you.

 

Regards, Mihaela Lukanova Progress Telerik