javascript - 如何禁止用户通过按钮输入只读 Jquery Datepicker 字段？

Question

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

这是我的设置方法: 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

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

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