如何在ngx-formly/bootstrap中显示日期选择器的自定义验证

Question

我使用ngx-formly/bootstrap创建动态UI/表单(不使用material)。我想显示datepicker控件，所以我使用ngx-bootstrap/datepicker显示了自定义的bsdatepicker控件。现在我想在这个日期选择器上做验证，例如，IfI有开始日期和结束日期，那么开始日期不应该早于当前日期，或者结束日期不应该大于开始日期。任何帮助都会得到重视。

    //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,
},
},

Answer 1

验证是由Formly处理的，所以您只需要定义验证及其消息，您可以在文档中查看我们的示例：

• https://formly.dev/examples/validation/built-in-validations
• https://formly.dev/examples/validation/custom-validation
• https://formly.dev/examples/validation/validation-message

Answer 2

我认为ngx-bootstrap在这里是一个错误的标签