我想设置角度材质日期拾取器的值,但从外部输入材质日期拾取器输入
有关更多信息,请参阅以下内容:angular-material-datepicker
<mat-form-field>
<input matInput placeholder="set date picker on blur
(blur)="setDatepicker()">
</mat-form-field> <br>
<mat-form-field class="example-full-width">
<input matInput [matDatepicker]="picker" placeholder="Choose a date">
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
<mat-datepicker #picker></mat-datepicker>
</mat-form-field>发布于 2019-05-01 13:44:46
你需要更新
HTML
(blur)="setDatepicker($event.target.value)">
<input matInput [(ngModel)]="input" [matDatepicker]="picker" placeholder="Choose a date">TS
export class DatepickerFilterExample {
input: any;
setDatepicker(val) {
//alert(val)
this.input = new Date(val);
}
}派生的https://stackblitz.com/edit/angular-material-datepicker-example-2
发布于 2019-05-01 13:57:52
通过使用formGroup和HTML datepicker
import { FormGroup,FormControl} from '@angular/forms';
date;
testForm : FormGroup;
constructor(){
this.testForm = new FormGroup({
date:new FormControl(this.date),
setDate:new FormControl(),
})
}
setDatepicker(evt) {
var value= this.testForm.controls['setDate'].value
this.date=new Date(new Date(value).getTime())
this.testForm.controls['date'].setValue(this.date);
} <form [formGroup]="testForm" >
<mat-form-field>
<input matInput type="date" placeholder=" date picker on blur" (blur)="setDatepicker($event)" formControlName="setDate">
</mat-form-field> <br>
<mat-form-field class="mr-sm-24" fxFlex (click)="open()" >
<input matInput [matDatepicker]="picker" placeholder="Date"
autocomplete="off"
name="date" formControlName="date">
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
<mat-datepicker [startAt]="date" #picker></mat-datepicker>
</mat-form-field>
</form>https://stackoverflow.com/questions/55931982
复制相似问题