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, Где вы можете редактировать то, что должно быть возвращено в виде отображаемого текста