Как отобразить настраиваемую проверку для выбора даты в ngx-formly/bootstrap

Я создаю динамический интерфейс / форму с помощью ngx-formly/bootstrap(без использования материала). Я хочу отобразить элемент управления datepicker, поэтому я использовал пользовательский элемент управления bsdatepicker с помощью ngx-bootstrap/datepicker. Теперь я хочу выполнить валидацию на этом 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 ответа

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

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

Другие вопросы по тегам