Как сделать изображение кнопки jQuery datePicker не щелкающим

Question

У меня есть Jickery 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');

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

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

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

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

Спасибо, Farzana

Answer 1

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

$ ('# MyDatePicker'). Datepicker ({}). Next ('button'). Attr ('disabled','истина')

Answer 2

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

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

Answer 3

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

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

.addClass или .add для добавления css

Answer 4

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

Answer 5

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

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

Попробуйте!