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

我还尝试将onclick函数与图像绑定，使其无法点击。但这并不奏效。

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

任何帮助都将不胜感激。

谢谢， Farzana

Answer 1

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

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

试一试！

Answer 2

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

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

.addClass或.add添加css

Answer 3

我会使用.unwrap（）;在<img>上删除<a>包装器。这是因为它直接包裹在<a>标签中。

Answer 4

试试这个：

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

Answer 5

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

$（＆＃39;＃MyDatePicker＆＃39;）。datepicker（{}）。next（＆＃39; button＆＃39;）。attr（＆＃39;禁用＆＃39;，＆＃39; true＆＃39）

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

5 个答案: