DateRangePicker and button Apply event click

[nimue]

Hi,

I would need to know if there is a way to intercept the user's click event on the apply button.

Thank you so much for the time you dedicate to me.

Barbara Inzitari

[Deepa Loganathan]

Hi Inzitari, 

Thanks for contacting Syncfusion Support. 

Yes, the change event of the DateRangePicker component triggers whenever a valid value is selected and apply button is being clicked.  Please check the below code snippet to know how to make use of the change event of the DateRangePicker component and check whether the event is triggered on apply button click. 

@Html.EJS().DateRangePicker("daterange").Width("300px").Change("onChange").Render() 

 

<script> 

    function onChange(args){ 

        //to check whether change event is triggered becuase of apply button 

        if (args.event && args.event.target.classList.contains("e-apply")) { 

            console.log("apply button clicked"); 

        } 

    } 

</script> 

 

We have also attached the sample for your convenience. Please check it. 

Sample: http://www.syncfusion.com/downloads/support/forum/140017/ze/DateRangePicker_change-128459743  

If you rather wish to stop the pop up from closing, you can intercept it by using the close event available in Daterangepicker and can be done by setting the args.cancel as true as given below. 

@Html.EJS().DateRangePicker("daterange").Width("300px").Change("onChange").Close("onClose").Render() 

 

<script> 

    function onClose(args){ 

        args.cancel = true; 

    } 

</script> 

 

Please check the below help documents to explore more about DateRangePicker. 

API: https://ej2.syncfusion.com/documentation/datepicker/api-datePicker.html?lang=typescript  

Please let us know if you need any further assistance. 

Regards, 

Deepa L. 

[nimue]

Hi Deepa L. ,

thank you very much for your support and for the links you sent me now I understand.

Barbara Inzitari

[Deepa Loganathan]

Hi Barbara Inzitari,  

 

We are glad that your concerns were resolved.  

Please let us know if need any further assistance.  

 

Regards,  

Deepa L.