Angular Material 2 DatePicker with only month and year

Question

I was looking for a way to make the angular material datepicker 2 change to only year and month mode but it does not have that option in the documentation

I can set the startView but when month or year is selected, change to Day mode

<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>

I want this: https://plnkr.co/edit/eV2Kmt?p=preview

But that plunker is in angular material 1

Any help? :)

Solution 1

For this time this is an open bug. See this link

Solution 2

it will helpful material datepicker with month and year format.check link for MM-YYYY

Comments

[Edric]

Looks like there's a new PR which appears to have support for year selection, although it also appears that it won't be released until possibly 5.1 (as indicated by the milestone): github.com/angular/material2/pull/8565

[Walfrat]

This works but not at 100%, you can still access to the day by clicking in the top left field.

[Ben Petersen]

At least give credit... this is just the Angular Material example material.angular.io/components/datepicker/…