Material Datepicker 默认为 2001可以更改吗?

问题描述

我是 Angular 的新手,我正在寻找材料 Datepicker 方面的帮助。当我们输入 1 并退出时,我看到这认为 1/1/2001。我知道这是认行为。

关于如何覆盖和认任何年份的任何想法。

https://stackblitz.com/angular/bvldlnqdrgk?file=src%2Fapp%2Fdatepicker-overview-example.ts

https://material.angular.io/components/datepicker/overview

以上stackblitz 取自Material 站点。有人可以帮我吗?

角 10

材料 10

提前致谢

解决方法

所以你可以制定一个指令,在用户退出时设置你想要的任何日期。

我正在使用带有表单控件的表单组,但您也可以通过访问 DOM 元素并在那里设置值来设置该值(如果这是您想要做的,我可以编辑 stackblitz)。>

这是我的 StackBlitz 演示: https://stackblitz.com/edit/date-picker-directive?file=src/main.ts

这是我的指令:

import { Directive,HostListener } from "@angular/core";
import { NgControl } from "@angular/forms";

@Directive({
  selector: "[appYearSelector]"
})
export class YearSelectorDirective {
  @HostListener("blur",["$event"]) onBlur() {
    this.ngControl.control.setValue(new Date());
  }

  constructor(private ngControl: NgControl) {}
}