Manage Date Selection with the Angular Material Datepicker

Share this video with your friends

Send Tweet

This lesson explores the angular material datepicker component. This includes basic setup and configuration options, validation and date range scenarios, configuring the datepicker for touch use, and how to utilize momentjs with the material datepicker.

Michael
Michael
~ 7 years ago

Hi Brian, how can I use the angular material datepicker to return month and year only? An example use case might be credit card expiry date. Thanks!

Brian Troncone
Brian Troncone(instructor)
~ 7 years ago

Hello Michael,

Sorry for the delay, here is an example displaying how to adjust the format of the datepicker to fit your needs. Hope this helps, thanks for watching!

Customizing Display Formats

Edit: Looks like the link to the anchor isn't working properly (at least on my browser). The example can be found under the 'Customizing the parse and display formats' section.

Michael
Michael
~ 7 years ago

Thanks Brian. I have followed this path before but couldn't find an easy way and stop drilling down further to the actual calendar day selection. What I really want is by starting the calendar popup by displaying the month view and once a month is selected, I want the popup goes away and the input is populated with the selected month of the year without further showing the day view selection.

By the way, thank you very much for your excellent course, I really enjoy the fast pace of the course, no introduction and time wasted, just packed with all the goodness 😊

Cheers,

Michael

Sent from Outlookhttp://aka.ms/weboutlook