JqueryのDatepickerフィールドをボタンで読み取り専用で入力する方法はありますか？

Question

私のDatepickerフィールドには、ユーザーが日付を選択するためのボタンがあります。しかし、このフィールドでreadonlyを無効にして設定しようとすると、ボタンはまだ動作しています！ここで

は、どのように私の設定です： 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で編集することなくそのボタンを無効にするにはどうすればよいですか？」しかし、そのボタンを無効にする最良の方法は、以下に示すように、あなたが日付ピッカーを設定した後に1行を追加します

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

Answer 2

私は、日付ピッカーを再宣言し、入力フィールドの属性を再設定していると思います。

は、日付ピッカー後のコード行を追加します。

$（ '.dateSelector'） .ATTR（ '無効'、 '無効'） .ATTR（ '読み取り専用'、 '読み取り専用を'）;

それとも

$（ '.dateSelector'） .prop（ '無効'、 '無効'） .prop（ '読み取り専用'、 '読み取り専用'）;

しかし、私は前者がうまくいくはずです。