如何以编程方式禁用/启用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内部输入自动生成）