禁用来自组件角度的事件点击

时间:2019-09-03 18:45:46

标签: javascript html angular typescript dom

我正在使用链接上的组件:https://ej2.syncfusion.com/angular/documentation/api/calendar/

我找不到禁用组件状态的任何函数或属性,因此无法在日历上选择日期。

基于这个原因,我想知道是否有可能删除click事件,以便在给定情况下无法选择日期。

我只能禁用他无法选择的日期,只能显示我无法在计划中手动输入的所选日期。

是否可以从DOM中删除事件,以使其无法对组件执行任何操作?我该怎么做?

enter image description here

2 个答案:

答案 0 :(得分:0)

您可以通过使用CSS这样的方式禁用点击事件

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

您需要为要禁用点击事件的元素添加正确的类或ID

答案 1 :(得分:0)

您可以使用renderDayCell方法禁用同步日期选择器组件中的必需日期。请检查以下代码块。

https://stackblitz.com/edit/angular-syz8gx?file=app.component.html

在这里,我们已禁用了DatePicker弹出窗口中的星期结束。因此,我们无法选择或单击日期。