javascript - 如何使 jquery datePicker 按钮图像不可点击

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');

它使文本框变黑，但图像仍然可以点击。问题出在 IE 中，当单击与日期选择器关联的图像按钮时，日期选择器弹出窗口不会关闭。

我还尝试为图像绑定(bind)一个 onclick 函数，使其不可点击。但这也行不通。

当日期选择器被禁用时，如何使日期选择器图像按钮不可点击。

如有任何帮助，我们将不胜感激。

谢谢， 法扎纳

Answer 1

我不确定它是否有效，但您应该尝试在禁用调用后立即更改 showOn 属性。

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

试试吧!