Angular MatDatepicker-如何在两个日期选择器之间进行“从-到”验证？

问题描述

我有两个字段是日期选择器。第一个代表FROM日期期限，第二个代表TO日期期限。我为此使用Angular MatDatepickers。如何验证用户选择的FROM日期不能大于TO日期？

 <div class="row no-gutters">
              <div class="col">
                <div class="date-input">
                  <input class="datepicker form-control form-control-sm form-control-portal"
                         matInput
                         [matDatepicker]="creationDateFromPicker"
                         placeholder="from"
                         (click)="creationDateFromPicker.open()"
                         formControlName="createdDateFrom">
                  <mat-datepicker #creationDateFromPicker></mat-datepicker>
                </div>
              </div>
              <p class="ml-1 mr-1 mt-1">-</p>
              <div class="col">
                <div class="date-input">
                  <input class="datepicker form-control form-control-sm form-control-portal"
                         matInput
                         [matDatepicker]="creationDatetoPicker"
                         placeholder="to"
                         (click)="creationDatetoPicker.open()"
                         formControlName="createdDateto">
                  <mat-datepicker #creationDatetoPicker></mat-datepicker>
                </div>
              </div>
            </div>
          </div>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）