polymer - vaadin 日期选择器仅显示月份

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。您可以在哪里编辑应作为显示文本返回的内容