如何以编程方式禁用/启用kendo-daterange？ （没有JQuery）

Question

我有以下模板

并且工作正常。日期范围被禁用。但是，如果我删除了这些内联的“禁用”属性，并且希望通过编程方式单击按钮来禁用/启用它，即使将“禁用”属性添加到元素中，它也不起作用。

我该怎么做？

Answer 1

使用属性绑定语法而不是使用toggleAttribute：

类似这样的东西：

<kendo-dateinput ... [disabled]="somePropertyOnYourComponent" ></kendo-dateinput>

然后在test中：

test() {
  ...
  somePropertyOnYourComponent = true;
}

Answer 2

具有属性绑定的方法效果很好，但是如果出于任何原因要使用纯JS（TS），则需要禁用/启用4个元素（2个kendo-dateinput和2个由kendo内部输入自动生成）