要只显示特定范围内的年份,你可以使用mat-datepicker
的yearRange
属性。在yearRange
属性中,你可以指定一个起始年份和一个结束年份,只有在这个范围内的年份才会显示在日期选择器中。
下面是一个示例代码,展示如何使用mat-datepicker
和yearRange
属性来只显示从1950年到当前年份的年份:
在HTML模板中:
在组件的TypeScript代码中:
import { Component } from '@angular/core';
@Component({
selector: 'app-date-picker',
templateUrl: './date-picker.component.html',
styleUrls: ['./date-picker.component.css']
})
export class DatePickerComponent {
getCurrentYear(): number {
return new Date().getFullYear();
}
}
在上面的代码中,我们在yearRange
属性中使用了插值表达式{{getCurrentYear()}}
来获取当前年份作为结束年份。getCurrentYear()
方法返回一个数字,表示当前年份。这样,日期选择器将只显示从1950年到当前年份的年份。
请注意,你需要确保在使用mat-datepicker
之前已经安装和导入了Angular Material模块,以及在应用的根模块中导入了MatDatepickerModule
。
希望这可以帮助到你!