使用Jquery禁用Datapicker Calendar图标？

Question

我有一个包含一组数据的表。 现在在我的表中，我有一个启用或禁用行的每一行的复选框。 当我单击复选框时，应禁用特定行。 问题是我成功地能够禁用datepicker字段，但日历图标仍然保持启用状态。

以下是我一直使用的代码：

对于datepicker文本框（Works Fine）：

$(this).closest('tr').find('.animalBroughtDate').prop('disabled', true);

对于日历图标（不工作）：

$(this).closest('tr').find('.ui-datepicker-trigger').hide();

HTML：

<input id="animalBroughtDateId" class="animalBroughtDate dtp hasDatepicker" style="width: 100px;" type="text">

<img title="Ok" alt="Ok" src="/../..datePicker.png" class="ui-datepicker-trigger">

请指导。

Answer 1

使用内置U.I datepicker禁用命令。

$(this).closest('tr').find('.animalBroughtDate').datepicker("disable");

如果你想启用：

 $(this).closest('tr').find('.animalBroughtDate').datepicker("enable");