Javascript 如何使jquery日期选择器按钮图像不可读取

我的页面中有一个jQueryUIDatePicker。我有一个显示日期的文本框。代码是：

$("#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

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

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

---

试试看

为什么不通过.hide（）或添加类或样式来隐藏按钮本身

也可以添加样式使其禁用

.addClass或.add来添加css

我会使用.unwrap（）；在

上删除

包装。也就是说，如果它直接包装在

标记中。

尝试以下操作：

$（“#cal”）.datepicker（“选项”，“禁用”，true）
这对我来说很有效--必须抓住按钮并禁用它

$（'#MyDatePicker'）.datepicker（{}）.next（'button'）.attr（'disabled'，'true'））