是否可以在primefaces日历导航器下拉列表中更改月份标签

时间:2018-07-03 10:06:28

标签: primefaces

是否可以在PrimeFaces日历导航器下拉列表中更改月份标签以使其完整且默认情况下不缩写。

显示Septembre,而不是Sep?

2 个答案:

答案 0 :(得分:0)

只需在locale-primefaces.js文件中设置短名称值(例如:请参见下面的Janeiro):

PrimeFaces.locales['pt_BR'] = {
    monthNames: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
    monthNamesShort: ['veryLongJaneiroNameInHere', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'],
    dayNames: ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sábado'],
    dayNamesShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb'],
    dayNamesMin: ['D', 'S', 'T', 'Q', 'Q', 'S', 'S'],
    closeText: 'Fechar',
    prevText: 'Anterior',
    nextText: 'Próximo',
    currentText: 'Hoje',
    weekHeader: 'Semana',
    firstDay: 0,
    isRTL: false,
    showMonthAfterYear: false,
    yearSuffix: '',
    timeOnlyTitle: 'Só Horas',
    timeText: 'Tempo',
    hourText: 'Hora',
    minuteText: 'Minuto',
    secondText: 'Segundo',
    ampm: false,
    month: 'Mês',
    week: 'Semana',
    day: 'Dia',
    allDayText: 'Todo o Dia'
};

然后在组件中使用它:

<p:calendar locale="pt_BR" navigator="true" .../>

see the result

此致

要在关闭时调整下拉列表的大小,请在css文件中使用它:

.ui-datepicker-month {
size: 500px !important;
top: 500px !important;
width: 200px !important;
}

结果:

month label adjusted

您也可以在年份标签上做

答案 1 :(得分:0)

让您的语言环境为en_US。

<script type="text/javascript">
PrimeFaces.locales ['en_US'].monthNamesShort = PrimeFaces.locales ['en_US'].monthNames
</script>