angular - 如何使用 matdatepicker 在组件类中以角度打印日期值
问题描述
<mat-form-field appearance="outline" [floatLabel]="'auto'">
<mat-label>Birth Date</mat-label>
<input matInput [matDatepicker]="birthDatePicker"formControlName="dateOfBirth"(dateChange)="getEndDate()">
<mat-datepicker-toggle matSuffix [for]="birthDatePicker"></mat-datepicker-toggle>
<mat-datepicker #`enter code here`birthDatePicker>
</mat-datepicker>
</mat-form-field>
**在component.ts中**
getEndDate(){ console.log(this.personForm.controls['dateOfBirth'].value);
解决方案
您可以使用 NgModel 访问日期。在您的 html 文件中:
<mat-form-field>
<input matInput [matDatepicker]="dp3" placeholder="Date"
readonly [(ngModel)]="selectedDate"
(dateChange)="getDate(selectedDate)">
<mat-datepicker-toggle matSuffix [for]="dp3"></mat-
datepicker-toggle>
<mat-datepicker #dp3 disabled="false"
[startAt]="selectedDate" startView="month"></mat-datepicker>
</mat-form-field>
在您的 .ts 文件中
selectedDate: Date = new Date();
getDate(date){
console.log(date);
}
尝试这个。
推荐阅读
- azure - 在 Azure Synapse 中预先计算 OLAP 多维数据集
- c - C函数指针使程序崩溃?
- mongodb - MongoDB Docker 初始化脚本
- ios - 如果初始化程序中未提供@Binding,如何使用@State
- matlab - 如何在 matlab 中选择交叉验证中的最佳模型?
- azure - ASP.NET Core 令牌获取异常
- python - 通过 HTML 和 SQL 炼金术表单更新数据库不起作用
- r - r 如何根据 Pr 值从 r 摘要(模型)中选择截距/变量
- python - ModuleNotFoundError:没有名为“samples.coco”的模块
- python-3.x - python3在命令中插入变量值