Disable event click from component angular

Question

I couldn't find any function or property that disables component state so I can't select dates on the calendar.

For this reason I would like to know if it is possible to remove the click event so that it cannot select dates in a given situation.

I can only disable the dates that he can't select, only that I can't display the selected dates that I manually entered in the schedule.

Is it possible to remove the event from the DOM so that it cannot perform any action on the component? How can I do this?

Can you not listen to the onChange event and check EmitType<ChangedEventArgs> == MouseEvent and then event.preventDefault()? ej2.syncfusion.com/angular/documentation/api/calendar/… — Riddell
– Riddell, Commented Sep 3, 2019 at 18:50
What exactly is the preventDefault() function for? This allows you to select the date anyway. — Luiz Ricardo Cardoso
– Luiz Ricardo Cardoso, Commented Sep 3, 2019 at 19:11
You can read more about it on MDN. I'd try that as a solution. developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault — Riddell
– Riddell, Commented Sep 3, 2019 at 19:12
If you want to disable click in gray dates (that already have a specific css classe), you can probably do it by css too. pointer-events: none; — Gilsdav
– Gilsdav, Commented Sep 3, 2019 at 20:33

Tony · Accepted Answer · 2019-09-04 03:42:33Z

1

You can disable click event by using css somehing like this

/deep/.calendar {
   pointer-events: none;
}

You need to add correct class or id of the element you want to disable click event

answered Sep 4, 2019 at 3:42

Tony

20.3k7 gold badges42 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

SVB Ashok · Accepted Answer · 2019-10-01 11:25:01Z

0

You can use renderDayCell method to disable the required dates in syncfusion date picker component. Please check the below code block.

Here, we have disabled the week ends in the DatePicker popup. So, we could not select or click the dates.

answered Oct 1, 2019 at 11:25

SVB Ashok

2881 silver badge7 bronze badges