Year Selection Method

[mrdo23]

Hi,

Is there any way to use an alternate method for selecting a year?

I do not wish to allow users to enter or edit a date directly into the input but I would like users to be able to quickly select for example, the year 1953, by typing directly - this could either be by typing directly into a textbox in the year section of the datepicker or having a dropdown with years which would allow the user to type to jump directly to that year in the dropdown.

Thanks in advance.

[Eonasdan]

You can use the component system to turn off everything but the year, or the viewMode option to make the year the first thing people see.

[mrdo23]

Hi - thanks for taking the time to reply - much appreciated.

I still want the full datepicker experience so the first suggestions wouldn't be suitable.

The query is regarding how users select a year - we've had complaints that the existing method is too many clicks for older dates like dates of birth. The request was for some way of being able to type the year directly into the datepicker (but not the input). Selecting the year from a dropdown would also be acceptable.

Hope that clarifies - thanks again.

[Eonasdan]

Yup. Then you want the viewMode option. The previous link was to the wrong place in the docs.

You can do

new tempusDominus.TempusDominus(document.getElementById('datetimepicker1'),
  {
    display: {
        viewMode: 'decade' //or 'year'
    }
}

[mrdo23]

Great stuff - not able to test right now but will try those properties.

Just to confirm - it's something like this that's been requested - the existing datepicker but with the ability to type a specific year without having to click through various menus.

Thanks again.

[Eonasdan]

Unfortunately, I'm not taking any new feature requests at this time. Hopefully the view mode provides a good solution for you.

[mrdo23]

Hi, thanks again for taking the time to suggest the above. Unfortunately, whichever view I specify for the datepicker, it still defaults to the same method of entering years which is the functionality that I wish to bypass.

Thanks again.

[Eonasdan]

Please provide a StackBlitz example

[mrdo23]

Sorry, I should have been clearer - we are currently using an older version of your datepicker but the specific request isn't possible using your version (enter year directly into textbox or select via dropdown to cut down on the number of clicks for older dates).

Thanks anyway - I appreciate you taking the time to respind - much appreciated.