禁用DatePicker的圖標觸發時的日期文本框被禁用

我已經實現如下的日期選擇器：禁用DatePicker的圖標觸發時的日期文本框被禁用

$(".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"/>我從豆可變控制禁用的財產，現在的文本框被禁止，但仍允許我使用日期選擇器選擇日期。禁用時可以隱藏日期選擇器圖標嗎？我有大約10個使用日期選擇器的文本框，並希望爲所有人做。

來源

2017-02-23 Pat

你會分享codepen –

我想在這裏指定的銷燬方法的代碼，可以完美運行。 http://stackoverflow.com/questions/6107465/remove-datepicker-function-dynamically。使用這種銷燬方法優於$（「。ui-datepicker-trigger」）隱藏的是，你可以只銷毀你需要禁用日期選擇器$（this）.datePicker（'destroy'）的元素，其中前者一個會隱藏頁面中每個日期選擇器的圖標。 – Pat

您必須手動隱藏日期選擇器圖標爲：

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

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

.hide{ 
    display:none; 
}

來源

2017-02-23 18:06:50 Nitesh

禁用DatePicker的圖標觸發時的日期文本框被禁用

回答

相關問題