javascript - 如何使用 jquery 禁用日历

Question

我正在使用 primefaces 日历。日历放在 primefaces 的数据表上。

我需要使用 jquery 禁用日历。

<p:column width="170">
    <p:calendar id="vendorStartDate" value="#{articlePromo.fechaInicio}"
       pattern="dd/MM/yyyy" mode="popup" showOn="button">
    </p:calendar>
</p:column>

以下未禁用日历:

• $(#vendorStartDate).attr('禁用','禁用');

• document.getElementById("vendorStartDate").disabled = true;

在查看源代码时，我可以确定它实际上是一个输入文本和一个按钮。输入文本获取 id = vendorStartDate_input。但是按钮没有获得 id。

日历的启用/禁用取决于其他一些列的值。因此，在该列的 onChange 事件上，我需要禁用日历组件 - 输入文本和按钮。

我能够使用以下方式禁用输入文本:

• document.getElementById("vendorStartDate_input").disabled = true;

如何禁用按钮？

谢谢，什卡

Answer 1

如果你不能通过 id 选择按钮，你需要使用不同的选择器。

p:calendar通常被 <span> 包围并且该按钮是此 <span> 中的 inputText 的同级元素。

因此您可以使用以下 jquery 语句:

$('#vendorStartDate_input').siblings('button').attr('disabled', 'true');

如果要获取表格内的所有日历元素:

$('[id$="vendorStartDate_input"]').siblings('button').attr('disabled', 'true');

这将选择所有 ID 以 vendorStartDate_input 结尾的元素.