如何使 jquery datePicker 按钮图像不可点击答案

【问题标题】：How to make a jquery datePicker button image unclickable如何使 jquery datePicker 按钮图像不可点击
【发布时间】：2011-04-21 11:26:15
【问题描述】：

我的页面中有一个 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 中，日期选择器弹出但在单击与日期选择器关联的图像按钮时没有关闭。

我还尝试将 onclick 函数与图像绑定以使其不可点击。但这也行不通。

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

任何帮助将不胜感激。

谢谢，法扎娜

【问题讨论】：

标签： javascript jquery jquery-ui datepicker

【解决方案1】：

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

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

试一试！

【讨论】：

【解决方案2】：

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

或者您可以添加样式以使其禁用

.addClass 或 .add 添加 css

【讨论】：

【解决方案3】：

我会使用 .unwrap();在 <img> 上删除 <a> 包装。也就是说，如果它直接包装在<a> 标签中。

【讨论】：

【解决方案4】：

试试这个：

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

【讨论】：

【解决方案5】：

这对我有用——必须抓住按钮并禁用它。

$('#MyDatePicker').datepicker({}).next('button').attr('disabled', 'true')

【讨论】：