web-dev-qa-db-ja.com

jQuery UI datepicker：ドロップダウンの月の名前を短い名前から長い名前に変更する方法は？

JQuery UIの日付ピッカーで月の名前をショートネームからロングネームに変更する必要があります。

私のプロパティは：

$.datepicker.regional['de'] = {
    prevText: '<zurück',
    nextText: 'vor>',
    monthNames: ['Januar', 'Februar', 'März', 'April', 'Mai', 'Juni',
            'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember'],
    monthNamesShort: ['Jan', 'Feb', 'Mär', 'Apr', 'Mai', 'Jun',
            'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dez'],
    dayNames: ['Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag'],
    dayNamesShort: ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'],
    dayNamesMin: ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'],
    weekHeader: 'Wo',
    dateFormat: 'dd.mm.yy',
    firstDay: 1,
    changeMonth: true,
    changeYear: true,
    yearRange: "-0:+2",
    isRTL: false,
    showMonthAfterYear: false,
    minDate: 0
 };

$.datepicker.setDefaults($.datepicker.regional['de']);
var dates = $("#von, #bis").datepicker({
    showOn: "button",
    buttonImage: "calendar.png",
    buttonImageOnly: true,
    buttonText: 'Datum w\u00E4hlen',
    onSelect: function (selectedDate) {
        var option = this.id == "#von" ? "minDate" : "maxDate",
                instance = $(this).data("datepicker"),
                date = $.datepicker.parseDate(
                    instance.settings.dateFormat ||
                    $.datepicker._defaults.dateFormat,
                    selectedDate, instance.settings);
        dates.not(this).datepicker("option", option, date);
    }
});

現在のところ、カレンダーのドロップダウンリストには、「4月」ではなく「4月」などの短い月の名前しか表示されません。

多分私はいくつかのコードでデフォルトの長い名前を上書きしていますか？

助けてください。

jquery-uidatepickerjquery-ui-datepicker
17
Keith L.

プロパティmonthNamesShortを使用して、必要な名前を付けます。

私の場合、月のドロップダウンにポルトガル語で月の長い名前を表示したいと思いました。

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

現時点では不可能です。詳細は https://github.com/jquery/jquery-ui/pull/59 を参照してください。

3
enumag

多くの場所で、使用するリストを決定するためにdateFormatを使用しています。残念ながら、このコードブロックでは、コードの使用に一貫性がありませんでした。 _generateMonthYearHeaderのメソッドに従うように調整しました（8985行目あたり）：

取り替える

  monthNamesShort[ month ]

と

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