Как отобразить пользовательскую проверку выбора даты в ngx-formly / bootstrap - PullRequest
0 голосов
/ 12 марта 2020

Я создаю динамический c пользовательский интерфейс / форму, используя ngx-formly / bootstrap (без использования материала). Я хочу отобразить элемент управления datepicker, поэтому я отключил пользовательский элемент управления bsdatepicker с помощью ngx-bootstrap / datepicker. Теперь я хочу сделать проверки для этого средства выбора даты, например, если у меня есть дата от и до, то дата от не должна быть меньше текущей даты, или дата не должна быть больше, чем от даты. Любая помощь будет оценена.

    //datepicker.html
     <pre><input type="text" 
       id="dob-id" 
       class="form-control calendar" 
       placement="bottom" 
       bsDatepicker
       [formlyAttributes]="field"
       #dobDate="bsDatepicker" 
       [bsConfig]="bsConfig" 
       placeholder="YYYY-MM-DD"
       [class.is-invalid]="showError" class=""  style="width: 350px;">

взял для этого отдельный компонент и зарегистрировался в app.modeul

// в схеме

{
key: 'date1',
type: 'bsdatepicker',
templateOptions: {
label :'From Date',
required: true,
},
},
{
key: 'date2',
type: 'bsdatepicker',
templateOptions: {
label :'To Date',
required: true,
},
},

Ответы [ 2 ]

0 голосов
/ 01 апреля 2020

ngx- bootstrap здесь неправильный тег, я думаю

0 голосов
/ 12 марта 2020

Проверка выполняется Formly, поэтому все, что вам нужно, это просто определить проверку вместе с ее сообщениями, вы можете проверить наши примеры в документах:

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...