要在Angular Material的轮廓表单中将日期选择器的标题置于顶部,可以按照以下步骤进行操作:
ng add @angular/material
import { Component } from '@angular/core';
import { FormControl } from '@angular/forms';
import { MatDatepickerInputEvent } from '@angular/material/datepicker';
mat-form-field
包裹日期选择器,并设置appearance
为outline
,以创建轮廓表单样式:
选择日期
FormControl
实例来管理日期选择器的值:dateControl = new FormControl();
这样,你就可以在Angular Material的轮廓表单中将日期选择器的标题置于顶部了。
完整的组件代码示例:
import { Component } from '@angular/core';
import { FormControl } from '@angular/forms';
import { MatDatepickerInputEvent } from '@angular/material/datepicker';
@Component({
selector: 'app-date-picker',
templateUrl: './date-picker.component.html',
styleUrls: ['./date-picker.component.css']
})
export class DatePickerComponent {
dateControl = new FormControl();
}
选择日期