Question

我的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编辑的情况下禁用该按钮？

Answer 1

不确定这是什么意思：＆＃34;如何在没有使用JavaScript编辑的情况下禁用该按钮？＆＃34;但是，在设置datepicker之后，禁用该按钮的最佳方法是添加一行，如下所示：

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

Answer 2

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

在datepicker：

之后添加这行代码

$（'。dateSelector'） .attr（'禁用'，'禁用'） .attr（'readonly'，'readonly'）;

或者

$（'。dateSelector'） .prop（'禁用'，'禁用'） .prop（'readonly'，'readonly'）;

但是，我确信前者应该可以正常使用。

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

2 个答案: