Как отключить пользователя для ввода readonly 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?» Но самый лучший способ отключить, что кнопка добавления одной строки после того, как вы установите DatePicker, как показано ниже:

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

Answer 2

Я думаю, что DatePicker повторно объявить и повторно установки атрибутов в поле ввода.

Добавьте эту строку кода после DatePicker:

$ ('.dateSelector') .attr ('инвалиды', 'инвалиды') .attr ('только для чтения', 'только для чтения');

Или

$ ('.dateSelector') .prop ('инвалиды', 'инвалиды') .prop ('только для чтения', 'только для чтения');

Однако, я уверен, что первое должно работать с ним просто отлично.