如何禁用用户通过按钮输入只读 Jquery Datepicker 字段？答案

【问题标题】：How to disable user to input readonly Jquery Datepicker field by button?如何禁用用户通过按钮输入只读 Jquery Datepicker 字段？
【发布时间】：2017-06-25 10:45:00
【问题描述】：

我的 Datepicker 字段有一个供用户选择日期的按钮。但是，当我尝试禁用并在此字段上设置只读时，该按钮仍然有效！

这是我的设置方式： HTML

<input name="ResponseDate" type="text" value="15/02/2017" readonly="readonly" id="ResponseDate" disabled="disabled" class="txtInput dateSelector hasDatepicker">

JavaScript

 $(".dateSelector").datepicker({
                duration: "fast",
                dateFormat: 'dd/mm/yy',
                constrainInput: true,
                showOn: 'button',
                buttonText: 'Select Date',
                buttonImageOnly: true,
                buttonImage: "../IMAGE/dayPick.png"
            });

我的设置结果将显示一个带有按钮的禁用输入字段。尽管输入字段是只读且禁用的，但用户仍然可以通过单击该按钮来选择日期。

如何在不使用 JavaScript 进行任何编辑的情况下禁用该按钮？

【问题讨论】：

试试这个$("#buttonID").attr("disabled",true);

标签： javascript jquery html datepicker

【解决方案1】：

不确定您的意思是：“如何在不使用 JavaScript 进行任何编辑的情况下禁用该按钮？”但是禁用该按钮的最佳方法是在设置日期选择器后添加一行，如下所示：

$( ".dateSelector" ).datepicker( "option", "disabled", true );

【讨论】：

更新了我的答案...试试吧

【解决方案2】：

我认为日期选择器正在重新声明和重新设置输入字段属性。

在日期选择器后面添加这行代码：

$('.dateSelector') .attr('禁用', '禁用') .attr('只读', '只读');

或者

$('.dateSelector') .prop('禁用', '禁用') .prop('只读', '只读');

但是，我确信前者应该可以正常工作。

【讨论】：