BearStudio/start-ui-web

i18n and date formatting

yoannfleurydev opened this issue · 6 comments

yoannfleurydev commented

It could be great to handle date formatting with i18next and give example in the code

i18next
    .use(initReactI18next)
    .init({
        resources,
        lng: DEFAULT_I18N_LANGUAGE,
        interpolation: {
            escapeValue: false,
            format: (value, format) => {
                if (isDate(value)) {
                    return formatDate(value, format);
                }
                // List of custom formatters
                if (format === 'minutesToHours') {
                    return minutesToHours(value)?.toString();
                }
                return value;
            },
        },
    })

    "create_by": "{{displayName}} le {{date, dd MMMM yyyy}}"
Jessy-BAER commented

It's a great idea !

  • 😄2
yoannfleurydev commented

It's a great idea !

Of course it is, it's yours 😛

ntatoud commented

@yoannfleurydev I would like to contribute on this issue !

yoannfleurydev commented

@yoannfleurydev I would like to contribute on this issue !

Awesome, I assigned you to the issue 😃

  • ❤️1
ntatoud commented

@yoannfleurydev I would like to clarify 1 small detail :
On top of the formatDate that will allow the use of the synthax :
"create_by": "{{displayName}} le {{date, dd MMMM yyyy}}"

Should I provide more functions like 'hoursToMinutes or simply demonstrate the possibility to add more ?

yoannfleurydev commented

@yoannfleurydev I would like to clarify 1 small detail : On top of the formatDate that will allow the use of the synthax : "create_by": "{{displayName}} le {{date, dd MMMM yyyy}}"

Should I provide more functions like 'hoursToMinutes or simply demonstrate the possibility to add more ?

Don't bother adding too much logic @ntatoud , just the bare minimum to show how to add custom date format in translation.

  • 👍1