Как сделать jquery datePicker изображение кнопки unclickable

Question

У меня есть jquery UI datePicker на моей странице. У меня есть текстовое поле, на котором отображается дата. Код:

$("#cal").datepicker({ 
    minDate: new Date(), 
    defaultDate: new Date(), 
    buttonImage: 
     '/images/calendar.gif', 
    constrainInput: false, 
    closeText: 'Close', 
    showButtonPanel: true, 
    showButtonText: 'Choose a date', 
    buttonImageOnly : true, 
    showOn : 'button' 
}); 
$("#till").datepicker('setDate', today); 

Я хочу отключить его при некоторых условиях. Я использую следующий код для отключения:

$("#cal").datePicker('disable'); 

It затемняет текстовое поле, но изображение все еще кликабельны. Проблема в IE, всплывающее окно выбора даты появляется, но не закрывается, когда нажата кнопка изображения, связанная с выбором даты.

Я также попытался связать функцию onclick с изображением, чтобы сделать его не кликабельным. Но это не работает.

Как сделать кнопку изображения для выбора даты недоступной, если переключатель даты отключен.

Любая помощь будет оценена по достоинству.

Спасибо, Farzana

Answer 1

Я не уверен, если он будет работать, но вы должны попытаться изменить право собственности showOn после отключения вызова.

$("#cal").datepicker('disable'); 
$("#cal").datepicker("option", "showOn", 'focus'); 

Дайте ему попробовать!

Answer 2

почему не скрыть кнопку сам по .hide() или добавить класс или стиль

или вы можете добавить стиль, чтобы сделать его отключить

.addClass или .Добавьте добавить CSS

Answer 3

Я бы использовал .unwrap(); на <img>, чтобы удалить обертку <a>. То есть, если он завернут непосредственно в тег <a>.

Answer 4

Попробуйте это:

$("#cal").datepicker("option", "disabled", true);

Answer 5

Это работает для меня - должен захватить кнопку и отключить его.

$ ('# MyDatePicker'). Datepicker ({}). Next ('button'). Attr ('disabled', 'true')