Angular MatDatepicker - как сделать "от-до" между двумя датпикерами?

У меня есть два поля, которые являются датпикерами. Первый представляет период даты ОТ, а второй - период даты ДО. Для этого я использую Angular MatDatepickers. Как я могу проверить, что пользователь не может выбрать дату ОТ, большую, чем дату ДО?

 <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>

0 ответов

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