[英]Set default value for angular material datePicker with angular 5
[英]Set default date for datepicker in angular 2 material
我正在尝试使用 material.angular.io 创建日期选择器,但我需要为字段设置默认日期。 在以前版本的角度材料中,这很容易。 有人知道我现在该怎么做吗?
我的代码:
<input mdInput
name="start_time"
#start_time="ngModel"
[mdDatepicker]="startDate"
[min]="minDate"
date="true"
[(ngModel)]="planModel.start_time"
placeholder="Choose a date">
<md-datepicker-toggle mdSuffix [for]="startDate"></md-datepicker-toggle>
<md-datepicker [startView]="dateStart" #startDate></md-datepicker>
您需要初始化您的日期模型。 在您的ts
代码中,在构造函数或获取planModel
的方法中执行以下planModel
:
planModel.start_time = new Date(); // Current Date
链接到工作演示。
如果您使用的是反应形式,下面是 angular 10 代码:
组件.ts
this.youForm= this._formBuilder.group({
StartDate: [new Date(), Validators.required],
});
component.html 没有变化
<mat-form-field appearance="outline">
<input matInput [matDatepicker]="StartDate" placeholder="Start date *"
formControlName="StartDate">
<mat-label>Start Date *</mat-label>
<mat-datepicker-toggle matSuffix [for]="StartDate"></mat-datepicker-toggle>
<mat-datepicker #StartDate></mat-datepicker>
</mat-form-field>
如反应形式文档:
<mat-form-field>
<input matInput
[matDatepicker]="matDatepicker"
[formControl]="dateFormControl"
(dateChange)="onDateChanged('change', $event)"
>
<mat-datepicker-toggle matSuffix [for]="matDatepicker"></mat-datepicker-toggle>
<mat-datepicker #matDatepicker></mat-datepicker>
</mat-form-field>
currentDate: Date = new Date("12/15/18 00:00:00")
dateFormControl = new FormControl(new Date())
onSomeEvent(){
this.dateFormControl.setValue(this.currentDate)
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.