React-Horizontal-Timeline: Как отображать только метку «год» с помощью getLabel

Question

React-Horizontal-Timeline требует ввода даты в формате YYY-MM-DD, но я хочу отображать только YYYY

Answer 1

Это отличное решение для использования пакета HorizontalTimeline

Answer 2

Судя по документам, вам нужно предоставить отсортированный список дат в формате yyyy-mm-dd. Затем вы пишете getLabel функцию, которую React-Horizontal-Timeline может использовать для получения метки из этих дат.

<HorizontalTimeline 
  values=['1984-10-10', '1985-11-10', '1986-10-10']
  getLabel={function(date) { return date.slice(0, 4); }}
  ...remaining props
/>

Здесь я использую метод .slice для извлечения yyyy из yyyy-mm-dd.