jquery-ui - jQuery UI 日期选择器 : How to change the month names in the drop-down from short to long names?

标签 jquery-ui datepicker 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);
    }
});

目前,日历仅在下拉列表中显示简短的月份名称,例如“Apr”而不是“April”。

也许我用一些代码覆盖了默认的长名称?

请帮忙。

最佳答案

使用属性 monthNamesShort 并将其指定为您想要的名称。

就我而言,我想在月份下拉列表中显示葡萄牙语的月份长名称:

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

关于jquery-ui - jQuery UI 日期选择器 : How to change the month names in the drop-down from short to long names?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10294232/

相关文章:

javascript - 可调整大小的 <a> 元素

jquery - 动态更改数据源 jQuery ui 自动完成焦点和输入字符

javascript - jquery ui Accordion 禁用点击

jQuery UI datepicker 'setDate' 方法不起作用

javascript - 如何将日期选择器包装在新的 div 中?

jquery - 结合 datepicker 和 date.js

javascript - 使用 jqueryui/jquery 调整 div 的 padding-top 大小

javascript - jQuery Datepicker 显示一种格式,发送另一种格式

angularjs - 当用户在不相关的输入字段上按下 Enter 键时,Angular Bootstrap 日期选择器打开

Android Studio : How to get date from datepicker and time picker and display on the screen?