jQuery:启用/禁用datepicker

Question

在我的php文件中,我想使用jQuery Datepicker.

加载我的文件时,我创建了禁用的Datepicker.

然后,当我的php文件(它是一个表单)中的特殊字段被填充时,我想启用Datepicker.

所以,最初我的Datepicker看起来像这样:

$("#from").datepicker({
    showOn: "both",
    buttonImage: "calendar.gif",
    buttonImageOnly: true,
    buttonText: "Kalender",
    showAnim: "drop",
    dateFormat: "dd.mm.yy",
    changeMonth: true,
    changeYear: true,
    showButtonPanel: true,
    showWeek: true,
    firstDay: 1,
    dayNamesMin: ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"],
    weekHeader: "KW",
    disabled: true,
    onClose: function(selectedDate) {
        $("#to").datepicker("option", "minDate", selectedDate);
    }
});

这工作得很好,到目前为止没问题.当我想要禁用该字段时,问题就来了.

如果填写了一个特殊字段,我会打电话 $("#from").datepicker('enable');

这也很好,但现在我想再次禁用它,如果我提到的特殊字段再次为空.

然后我使用$("#from").datepicker('disable');并且字段本身是灰色的,但我仍然可以使用该字段输入值,日历弹出,甚至框旁边的日历图像也是可点击的.

任何人都知道为什么会这样？我错过了什么吗？

Answer 1

$("#from").datepicker('disable'); 应该工作,但你也可以试试这个:

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

Answer 2

禁用datePicker时,也将字段设置为禁用

$("input").prop('disabled', true);

要停止可点击的图像,您可以取消绑定该点击事件

$('img#<id or class ref>').unbind('click');

Answer 3

尝试

$("#from").datepicker().datepicker('disable');

Answer 4

只需使用以下代码

$("#from").datepicker({
 showOn: "off"
});

它不会显示日期选择器的显示

Answer 5

$("#nicIssuedDate").prop('disabled', true);

这是 100% 使用bootstrap Datepicker 工作的