如何解决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) {}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。