如何使jquery datePicker按钮图像不可单击

m3eecexj  于 2022-12-03  发布在  jQuery
关注(0)|答案(5)|浏览(219)

我在我的页面中有一个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函数与图像绑定,使其不可点击,但效果不佳。
如何在禁用日期选取器时使日期选取器图像按钮不可单击。
任何帮助都将不胜感激。
谢谢,法莎娜

crcmnpdw

crcmnpdw1#

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

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

给予看吧!

nfzehxib

nfzehxib2#

为什么不通过.hide()或添加类或样式来隐藏按钮本身
也可以添加样式将其禁用
.addClass或.add以添加css

s3fp2yjn

s3fp2yjn3#

我会使用.unwrap();以移除<a> Package 函数。也就是说,它是直接 Package 在<a>标签中。

wfsdck30

wfsdck304#

试试这个:
$("#cal").datepicker("option", "disabled", true);

f0ofjuux

f0ofjuux5#

这对我有用,抓住按钮,把它关掉.
$('#我的日期选择器').日期选择器({}).next('button').attr('disabled','true')

相关问题