禁用日期文本框时禁用 DatePicker 图标触发器答案

【问题标题】：Disable DatePicker icon trigger when date textbox is disabled禁用日期文本框时禁用 DatePicker 图标触发器
【发布时间】：2017-02-23 17:27:00
【问题描述】：

我已经实现了如下的日期选择器：

$( ".apprvd_input_date" ).datepicker({
   changeMonth: true,
   changeYear: true,
   showOn: "both",
   buttonImage: "../resources/images/date_picker.gif",
   buttonImageOnly: true                   
});

我有 <h:inputText disabled="#{bean.readOnly}" styleClass="apprvd_input_date" size="8"/> 我从 bean 变量控制 disabled 属性，现在文本框被禁用，但它仍然允许我使用日期选择器选择日期。我可以在禁用日期选择器图标时隐藏它吗？我有大约 10 个使用日期选择器的文本框，并且想为所有人做这件事。

【问题讨论】：

你会在codepen上分享代码吗
我尝试了这里指定的销毁方法，效果很好。 stackoverflow.com/questions/6107465/… 。使用这种销毁方法优于 $(".ui-datepicker-trigger") 隐藏的优点是，您可以仅销毁禁用日期选择器 $(this).datePicker('destroy') 所需的元素，其中前者将隐藏页面中每个日期选择器的图标。

标签： javascript jquery

【解决方案1】：

您必须手动隐藏该日期选择器图标：

小提琴： https://jsfiddle.net/rmdf32za/

function disableDate(){
  $(".ui-datepicker-trigger").addClass("hide");
  $(".apprvd_input_date").attr("disabled","disabled");
}

.hide{
  display:none;
}

【讨论】：