Как отобразить настраиваемую проверку для выбора даты в 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, поэтому все, что вам нужно, это просто определить проверку вместе с ее сообщениями, вы можете проверить наши примеры в документации: