Отключить ручной ввод датыпиксера без блокировки указателя мыши

Question

Я использую jquery ui datepicker для своих текстовых полей и пометил их как только для чтения, чтобы предотвратить ввод вручную (как предложено here). Проблема, которую я все еще имею, заключается в том, что когда пользователь наводит мышь на текстовое поле, курсор меняется на заблокированное изображение курсора. Это создает впечатление, что пользователь не может ничего с этим полем. Хотя, если он идет вперед и нажимает на него, он будет получать datepicker и может выбрать дату. Мой вопрос: есть ли способ элегантно справиться с этим, не записывая все манипуляционные коды для курсора мыши.

Answer 1

Например, с помощью атрибута курсора css. Вы можете изменить его на выбранный вами курсор.

я это для моих Datepicker полей:

.form-control.datepicker { 
    &[disabled], &[readonly] { 
    cursor: pointer; 
    background-color: #ffffff; 
} 

С этим вы измените курсор на указатель и сохранить цвет фона на белый, а вход отключен или только для чтения.