jQuery UI datepicker: How to change the month names in the drop-down from short to long names?

Question

I need to change the month names from short names to long names in my jQuery UI datepicker.

My properties are:

$.datepicker.regional[\'d         


        

Answer 1

It's not possible at the moment. See https://github.com/jquery/jquery-ui/pull/590 for details.

Answer 2

In many places they use the dateFormat to determine which list to use. Unfortunately in this block of code they weren't consistent using it. I made an adjustment to follow their method in _generateMonthYearHeader (around line 8985):

replace

  monthNamesShort[ month ]

with

 (inst.settings.dateFormat.match(/MM/) ? monthNames : monthNamesShort)[ month ]

Answer 3

Use the property monthNamesShort and attribute it the names you want.

In my case, I wanted to show, in the month drop-down, the month long name, in portuguese:

monthNamesShort: [ "Janeiro", "Fevereiro", "Março", "Abril",
                   "Maio", "Junho", "Julho", "Agosto", "Setembro",
                   "Outubro", "Novembro", "Dezembro" ]