React-Horizontal-Timeline:如何使用 getLabel 仅显示 "year" 标签
React-Horizontal-Timeline: How to only display "year" label using getLabel
React-Horizontal-Timeline 要求输入日期 YYYY-MM-DD 但我只想显示 YYYY
根据文档,您似乎需要提供 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-mm-dd
中提取yyyy
。
React-Horizontal-Timeline 要求输入日期 YYYY-MM-DD 但我只想显示 YYYY
根据文档,您似乎需要提供 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-mm-dd
中提取yyyy
。