问题描述
我是 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) {}
}