Topic: Date Picker - Years

rjsnyderdesign pro asked 4 years ago


Hello, I'm trying to use the date picker for a birthday. But the years dropdown only goes in 11 year increments. It's not intuitive to a user to select the oldest date then have the 10 older years populate.   Is there another solution? Maybe similar to https://material.angular.io/components/datepicker/overview where the years are clickable?   Thanks!

jouvrard pro answered 4 years ago


I have the same "problem". It would be nice to have the choice of the date interval for a future version of MDBootstrap. :)

Piotr Glejzer staff commented 4 years ago

Yes, we are thinking about that. If will something change we will let everybody know! Have a nice day!


rjsnyderdesign pro answered 4 years ago


I'm just going to use another date/time picker plugin. This one isn't usable for picking a birth date. Thanks though

Piotr Glejzer staff commented 4 years ago

You can pick date birth with this 'selectYears'. For example, if you will choose 'selectYears: 200', it's going to show you dates from today to 100 years to up and 100 yers to down. Have a nice day.

Piotr Glejzer staff answered 4 years ago


Hi, can you check this code?
// Data Picker Initialization

$('.datepicker').pickadate({

selectYears:30

});
Best, Piotr

rjsnyderdesign pro answered 4 years ago


Is there a way to add arrows to the year? Or to increase the number of years that display in the dropdown? Or to have the dropdown scroll and show all years?  

Piotr Glejzer staff answered 4 years ago


Hi, we are very sorry but we don't have exactly the same datepicker like a material angular. We will think more about that. Have a nice day. Best, Piotr

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.5.9
  • Device: All
  • Browser: All
  • OS: All
  • Provided sample code: No
  • Provided link: No