如何在Angular 7中以编程方式在日期控件上设置默认日期

时间:2019-07-25 05:40:32

标签: angular typescript datepicker

我正在研究程序注册CRUD,并希望确保选择的结束日期必须大于选择的开始日期。通常,首先选择开始日期,所以选择开始日期后如何设置结束日期的特定日期。

更新:

我正在使用材料输入:

          <mat-form-field>
            <input autocomplete="off" matInput [matDatepicker]="startDateDatePicker" formControlName="startDate"
              placeholder="Choose Start Date - mm/dd/yyyy" />
            <mat-datepicker-toggle matSuffix [for]="startDateDatePicker"></mat-datepicker-toggle>
            <mat-datepicker #startDateDatePicker></mat-datepicker>
          </mat-form-field>
          <mat-checkbox formControlName="hasEndDate" id="hasEndDate" (change)="toogleEndDate()">Has
            an End Date
          </mat-checkbox>
          <mat-form-field [hidden]="!hasEndDate">
            <input autocomplete="off" matInput [matDatepicker]="endDateDatePicker" formControlName="endDate"
              placeholder="Choose End Date - mm/dd/yyyy" />
            <mat-datepicker-toggle matSuffix [for]="endDateDatePicker">
            </mat-datepicker-toggle>
            <mat-datepicker #endDateDatePicker></mat-datepicker>
          </mat-form-field>

0 个答案:

没有答案