Question

我正在使用vaadin-date-picker来显示日期。它的默认格式为6/21/2017。我想只显示月份和年份。例如jun 2017或6/2017。有什么帮助吗？

Answer 1

vaadin-date-picker正在使用i18n属性来本地化所有内容。声明vaadin-date-picker元素时，您还可以设置i18n属性。例如：

<vaadin-date-picker i18n='[[i18nCustom]]'></vaadin-date-picker>

然后声明属性：

i18nCustom: {
    value: function() {
        return  {

      week: 'viikko',
      calendar: 'kalenteri',
      clear: 'tyhjennä',
      today: 'tänään',
      cancel: 'peruuta',
      firstDayOfWeek: 1,
      monthNames: ['tammikuu','helmikuu','maaliskuu','huhtikuu','toukokuu','kesäkuu',
                   'heinäkuu','elokuu','syyskuu','lokakuu','marraskuu','joulukuu'],
      weekdays: 'sunnuntai_maanantai_tiistai_keskiviikko_torstai_perjantai_lauantai'.split('_'),
      weekdaysShort: ['su','ma','ti','ke','to','pe','la'],
      formatDate: function(d) {
        return [d.getMonth() + 1, d.getFullYear()].join('/');
      },
      parseDate: function(text) {
        // This example produces a really strict parser which only accepts
        // perfectly formatted dates like '12.8.2013'. Less strict implementation or
        // a 3rd party parser like in the example below is recommended.
        var parts = text.split('.');
        if (parts.length === 3) {
          var date = new Date(0, 0);
          date.setFullYear(parseInt(parts[2]));
          date.setMonth(parseInt(parts[1]) - 1);
          date.setDate(parseInt(parts[0]));
          return date;
        }
      },
      formatTitle: function(monthName, fullYear) {
        return monthName + ' ' + fullYear;
      }
        }
    }
}

您正在寻找的是功能formatDate。您可以在哪里编辑应该作为显示文本返回的内容

vaadin日期选择器仅显示月份

1 个答案: