Я создаю динамический c пользовательский интерфейс с использованием ngx-formly / bootstrap (без использования материала). Я отобразил пользовательский элемент управления bsdatepicker с помощью ngx-bootstrap / datepicker. Я также отображаю пользовательские необходимые сообщения проверки, как показано ниже. Но проблема заключается в щелчке поля ввода, отображается средство выбора даты и сообщение проверки также отображается для доли se c. и исчезает в разделе даты. Я полагаю, что причина появления сообщения проверки правильности состоит в том, что перед разделом даты оно рассматривается как выделенное, а поле ввода времени пустое. Я хочу отображать это сообщение только тогда, когда дата не выбрана. И я также хочу показать средство выбора даты в фокусе вкладки и при нажатии.
Любая помощь будет оценена.
// datepicker. html
<input type="text"
id="dob-id"
class="form-control calendar"
placement="bottom"
bsDatepicker
[formlyAttributes]="field"
#dobDate="bsDatepicker"
[bsConfig]="bsConfig"
placeholder="YYYY-MM-DD"
style="width: 350px;">
<div ngIf="showError">This field is required</div>
// showError вызывается автоматически, когда дата не выбрана
// Схема в компоненте
{
key: 'date1',
type: 'bsdatepicker',
templateOptions: {
label :'From Date',
required: true,
},
// тип bsdatepicker добавлен в app.module.ts