微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决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 举报,一经查实,本站将立刻删除。