change event fires when clicking cancel

<ej-date-range-picker
id="payDateRange"
date-format="MM/dd/yyyy"
width="200px"
change="ranger"
start-date="@{TempData.Peek("startDate")}"
end-date="@{TempData.Peek("endDate")}"
>
</ej-date-range-picker>

function ranger(args) {
$('#rangeChange').submit();
}


Simple DateRangePicker. However when clicking cancel from the picker the change event gets fired and executes the change function. Any suggestions?

3 Replies

PK Prem Kumar Madhan Raj Syncfusion Team February 26, 2018 12:40 PM UTC

Hi Gerald,   
  
Thanks for contacting Syncfusion Support.   
  
We have checked with the reported issue “change event fires when clicking cancel” in EJ2 DateRangePicker component and cannot reproduce this issue at our end in EJ2 DateRangePicker component. Our EJ2 DateRangePicker component has been rolled out only last week in ASP.NET Core. To know more about EJ2 DateRangePicker component, please check the below documentation link.   
  


  
Also, we can reproduce the reported issue with our EJ1 DateRangePicker component. So can you please ensure whether the issue reported is either in EJ1DateRangePicker or EJ2DateRangePicker component.   
  
Regards,   

Prem Kumar. M 



GR Gerald Romero February 26, 2018 02:10 PM UTC

I am developing with Microsoft Visual Studio Code. The target platform is .NET 2.0. Using bower to manage client-side dependencies. Added "syncfusion-javascript": "*" to bower.json per your "Getting Started" documentation. Here are the script inclusions.

<script src="~/lib/jsrender/jsrender.min.js"></script>
<script src="~/lib/syncfusion-javascript/Scripts/ej/web/ej.web.all.min.js"></script>


SP Sureshkumar P Syncfusion Team February 27, 2018 11:08 AM UTC

Hi Gerald,    
   
Yes, we can reproduce the reported issue at our end (EJ1 DateRangePicker component). We have fixed this issue (change event fires when clicking cancel). It will be included in our 2018 Volume 1 Service Pack 1 release which will be available by end of March 2018.    
   
Regards,    
Sureshkumar P 


Loader.
Up arrow icon