JQuery DatePicker ReadOnly

Question

Когда я делаю свой DatePicker только для чтения, я вижу, что пользователь не может ничего вводить в текстовое поле.

$("#datepicker").attr('readonly', 'readonly');

Однако они все равно могут изменить значение с помощью календаря.Как скрыть календарь, чтобы пользователи не могли изменить значение даты?

Я не хочу отключать средство выбора даты, поскольку мне нужно, чтобы значение было отправлено на сервер при отправке формы.

("#datepicker").datepicker('disable');

Answer 1

<sj:datepicker id="datepickerid" name="datepickername" displayFormat="%{formatDateJsp}" readonly="true"/>

У меня работает.

Answer 2

Я придумал другое решение, отличное от того, что было предложено.Когда используется выбор даты, он создает div, похожий на всплывающее окно, которое позиционируется при щелчке по полю ввода.Чтобы удалить его, я просто установил свойство видимости CSS, чтобы он не отображался.

if ($('.yourDatepickerSelector').prop('readonly')) {
    $('#ui-datepicker-div').css({ 'visibility': 'hidden' })
} else { $('#ui-datepicker-div').css({ 'visibility': 'visible' }) }

Это также, похоже, правильно отправляет сообщение на сервер и не должно влиять на какие-либо настройкис этим.