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

时间:2017-02-23 17:27:00

标签: javascript jquery

我已经实施了日期选择器,如下所示:

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

1 个答案:

答案 0 :(得分:1)

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

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

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

.hide{
  display:none;
}