date-fnのformatRelativeをカスタマイズする方法は？現時点で

Question

は、calendarで、私はformatRelativeに基づいて、私はoptionsを提供することができ、

日付FNSで

moment(dateTime).calendar(null, { 
    sameDay: '[Today]', 
    nextDay: '[Tomorrow]', 
    nextWeek: 'dddd', 
    lastDay: '[Yesterday]', 
    lastWeek: '[Last] dddd', 
    sameElse: 'DD/MM/YYYY' 
}); 

以下のような時間を表示する方法をカスタマイズすることができます。

formatRelative(dateTime, Date.now(), options); 

しかし、optionsドキュメントを読んだ後も、それをカスタマイズする方法はまだ分かりません。

ガイドは参考になります。おかげ

Answer 1

日-FNSは、部分的上書き（まだ）を行うためのネイティブメソッドをサポートしていませんが、あなたは（ドイツ語のロケールでここに示されている）いくつかの手動微調整を行うには、次の操作を行うことができます。

import { formatRelative } from 'date-fns'; 
import { de } from 'date-fns/esm/locale'; 

const formatRelativeLocale = { 
    lastWeek: '[letzten] dddd [um] LT', 
    yesterday: '[gestern um] LT', 
    today: '[heute um] LT', 
    tomorrow: '[morgen um] LT', 
    nextWeek: 'dddd [um] LT', 
    other: 'L LT', // Difference: Add time to the date 
}; 

const locale = { 
    ...de, 
    formatRelative: token => formatRelativeLocale[token], 
}; 

const text = formatRelative(date, new Date(), { locale });