18

角度のある素材の日付ピッカーを使用しています。デフォルト値を設定したいのですが、値が表示されません。

<mat-form-field class="mr-sm-24" fxFlex (click)="open()" >
   <input matInput [picker]="picker" placeholder="Date"
                  autocomplete="off"
                  name="date" 
                  formControlName="date">
   <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
   <mat-datepicker  [startAt]="startDatePicker" #picker></mat-datepicker>
</mat-form-field>

これは、デフォルトとして設定したい値を持つ私の.jsコードです

var date = this.datepipe.transform((new Date().getTime()) - 3888000000, 'dd/MM/yyyy'); 

this.form = this.formBuilder.group({
        dataInicial: [data_inicial],
                   ...
4

8 に答える 8

8

定義済みの formControl を入力で使用できます。

ここにhtmlがあります

<mat-form-field class="mr-sm-24" fxFlex (click)="open()" >
    <input [matDatepicker]="picker" matInput placeholder="Date" autocomplete="off" name="date" formControlName="date" [(ngModel)]="date.value">
    <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
          <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

ここにTSがformControlを宣言します

date: FormControl;
this.date = new FormControl(new Date(<you can provide you date input field if you getting date from other sources>))
于 2019-11-10T15:04:40.653 に答える