web/_javascript/utils/locale-datetime.js

/**
 * Update month/day to locale datetime
 *
 * Requirement: <https://github.com/iamkun/dayjs>
 */

/* A tool for locale datetime */
const LocaleHelper = (function () {
    const locale = $('html').attr('lang').substring(0, 2);
    const attrTimestamp = 'data-ts';
    const attrDateFormat = 'data-df';

    return {
        locale: () => locale,
        attrTimestamp: () => attrTimestamp,
        attrDateFormat: () => attrDateFormat,
        getTimestamp: ($elem) => Number($elem.attr(attrTimestamp)), // unix timestamp
        getDateFormat: ($elem) => $elem.attr(attrDateFormat)
    };

}());

$(function () {
    dayjs.locale(LocaleHelper.locale());
    dayjs.extend(window.dayjs_plugin_localizedFormat);

    $(`[${LocaleHelper.attrTimestamp()}]`).each(function () {
        const date = dayjs.unix(LocaleHelper.getTimestamp($(this)));
        const text = date.format(LocaleHelper.getDateFormat($(this)));
        $(this).text(text);
        $(this).removeAttr(LocaleHelper.attrTimestamp());
        $(this).removeAttr(LocaleHelper.attrDateFormat());

        // setup tooltips
        const tooltip = $(this).attr('data-toggle');
        if (typeof tooltip === 'undefined' || tooltip !== 'tooltip') {
            return;
        }

        const tooltipText = date.format('llll'); // see: https://day.js.org/docs/en/display/format#list-of-localized-formats
        $(this).attr('data-original-title', tooltipText);
    });
});