Question

我一直在寻找一种方法来使角度材料datepicker 2更改为仅年份和月份模式，但它在文档中没有该选项

我可以设置startView但是当选择月份或年份时，请更改为日间模式

<md-form-field>
     <input mdInput [mdDatepicker]="picker" placeholder="Choose a date">
     <md-datepicker-toggle mdSuffix [for]="picker"></md-datepicker-toggle>
     <md-datepicker #picker startView="year" [startAt]="startDate"></md-datepicker>
</md-form-field>

我想要这个：https://plnkr.co/edit/eV2Kmt?p=preview

但是那个羽毛球是有棱有角的材料1

有任何帮助吗？：）

Answer 1

这次是一个开放的bug。 this article describing several methods

Answer 2

在HTML

<mat-datepicker #searchDate startView="year" (monthSelected)="monthSelectedHandler($event)"></mat-datepicker>

在您的控制器中

searchDateValue: FormControl;

ngOnInit() {
    this.searchDateValue = new FormControl(this.searchDate);
}

monthSelectedHandler(event) {
    const date = new Date(`${event._i.month + 1}/${event._i.date}/${event._i.year}`);
    this.searchDateValue.setValue(date);
    this.searchDatePicker.close();
}

Answer 3

一旦this PR合并，看起来很快就会有年度支持！

（但是，似乎它可能会出现在5.1版本中，因为它被放置在里程碑5.1）

Answer 4

签出此仓库，它还有一个独立的月份选择器： https://github.com/vlio20/angular-datepicker

Answer 5

它将以月和年格式帮助重要的日期选择器。check link for MM-YYYY

Angular Material 2 DatePicker只有月份和年份

5 个答案: