Date Picker - Years - Material Design for Bootstrap

Topic: Date Picker - Years

rjsnyderdesign pro asked 6 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!

Add comment

Piotr Glejzer staff answered 6 years ago

0 0 Best answer

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

Add comment

rjsnyderdesign pro answered 6 years ago

0 0 Best answer

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?

Add comment

Piotr Glejzer staff answered 6 years ago

0 0 Best answer

Hi, can you check this code?

// Data Picker Initialization

$('.datepicker').pickadate({

selectYears:30

});

Best, Piotr

Add comment

rjsnyderdesign pro answered 6 years ago

0 0 Best answer

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

Add comment

jouvrard pro answered 6 years ago