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

Question

我已经实施了日期选择器，如下所示：

$( ".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个文本框使用日期选择器，并希望为所有人做。

Answer 1

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

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

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

.hide{
  display:none;
}