Kendo UI для Angular: Kendo UI Datepicker отключает ввод текста только для текстового поля - PullRequest
Новая
       66

Kendo UI для Angular: Kendo UI Datepicker отключает ввод текста только для текстового поля

1 голос
/ 06 марта 2020

Я пытаюсь реализовать пользовательский интерфейс Kendo Datepicker. Значение даты следует изменить только с помощью его кнопки и выбора даты во всплывающем окне. Как я могу запретить пользователям вводить текст в поле Datepicker? Можно ли отключить текстовое поле, не отключив весь элемент управления?

1 Ответ

1 голос
/ 06 марта 2020

Как уже упоминалось в моих комментариях, вы можете запретить пользователям вводить текст в поле Datepicker, просто используя onkeydown="return false;". В этом случае пользователь все еще сможет использовать мышь и / или стрелки.

Если вы действительно хотите отключить текстовое поле Datepicker «часть» элемента управления, вы должны сделать это программно так как свойство [disabled] = "true" отключит весь элемент управления.

Ключевыми моментами являются следующие:

html 

<kendo-datepicker #datepicker [value]="value"></kendo-datepicker>

ts 

this.datepickerRef.element.nativeElement.children[0].children[0].setAttribute('disabled', true);

Я подготовил демо. Пожалуйста, посмотрите здесь: https://stackblitz.com/edit/angular-rzcsdw?file=app / app.component.ts и дайте мне знать, если это желаемая функциональность.

...