“moment.updateLocale”从24小时到12小时，反之亦然

Question

我正在我的设备上使用momentjs。例如，即使en_US区域设置，设备设置也可能显示使用 24 小时格式。

我希望将默认语言环境设置为使用 24h，以便任何给出 12h 的时刻格式都应该给出 24h(反之亦然(。例如

• moment.format('LT')给"8:30 PM"
• moment.format('LLLL')给"Thursday, September 4, 1986 8:30 PM"
• 等

因此，任何提供 24 小时的格式现在都应该在 12 小时内给出它。我知道我可以轻松地使用大写H和HH格式，但是我不知道当前语言环境的LT或LLLL等是否包括 AM/PM。有没有办法moment.updateLocale所有h H和hh HH？

Answer 1

您可以使用 localeData() 和 longDateFormat() 来获取本地化格式令牌，并发现给定的区域设置是使用 h (12h( 还是H (24h(。

然后，您可以使用updateLocale轻松更改(例如RegExp替换(LTS和LLLL的本地化令牌。

您可以使用updateLocale中的meridiem键或以本地化格式删除a/A令牌来禁止显示 AM/PM 显示。

这里有一个活生生的例子：

['af' , 'ar-dz', 'ar-kw', 'ar-ly', 'ar-ma', 'ar-sa', 'ar-tn', 'ar', 'az', 'be', 'bg', 'bn', 'bo', 'br', 'bs', 'ca', 'cs', 'cv', 'cy', 'da', 'de-at', 'de-ch', 'de', 'dv', 'el', 'en-au', 'en-ca', 'en-gb', 'en-ie', 'en-nz', 'eo', 'es-do', 'es', 'et', 'eu', 'fa', 'fi', 'fo', 'fr-ca', 'fr-ch', 'fr', 'fy', 'gd', 'gl', 'gom-latn', 'he', 'hi', 'hr', 'hu', 'hy-am', 'id', 'is', 'it', 'ja', 'jv', 'ka', 'kk', 'km', 'kn', 'ko', 'ky', 'lb', 'lo', 'lt', 'lv', 'me', 'mi', 'mk', 'ml', 'mr', 'ms-my', 'ms', 'my', 'nb', 'ne', 'nl-be', 'nl', 'nn', 'pa-in', 'pl', 'pt-br', 'pt', 'ro', 'ru', 'sd', 'se', 'si', 'sk', 'sl', 'sq', 'sr-cyrl', 'sr', 'ss', 'sv', 'sw', 'ta', 'te', 'tet', 'th', 'tl-ph', 'tlh', 'tr', 'tzl', 'tzm-latn', 'tzm', 'uk', 'ur', 'uz-latn', 'uz', 'vi', 'x-pseudo', 'yo', 'zh-cn', 'zh-hk', 'zh-tw'].forEach(localeName => {
  // Get locale data
  let localeData = moment.localeData(localeName);
  // Get localized format tokens for LT and LTS
  let lt = localeData.longDateFormat('LT');
  let llll = localeData.longDateFormat('LLLL');
  // Replace 12h with 24h
  lt = lt.replace(/h/g, 'H');
  llll = llll.replace(/h/g, 'H');
  // Update locale with new values, supperssing am/pm output
  moment.updateLocale(localeName, {
    meridiem : (hour, minute, isLowercase) => '',
    longDateFormat : {
      LT: lt,
      LLLL: llll
    }
  });
  
  const m = moment({h: 15}).locale(localeName);
  console.log(localeName, m.format('LT'), m.format('LLLL'));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.20.1/moment-with-locales.min.js"></script>

Answer 2

这就是

我正在使用的，它不使用上面@Vincenzo的子午线抑制技术，它只是取代了子午线。它努力在 12 小时到 24 小时之间恢复，确定它是之前hh还是只是h。即使资本A或更低的a.

const leading12hZero = {};
const lowerMeridiemPlaceholder = ' '.repeat(3);
const upperMeridiemPlaceholder = ' '.repeat(6);
export function updateTimeFormat(to24h) {
    // to24h - true to set to 24h ELSE false to set to 12h
    const { _abbr, _longDateFormat } = moment.localeData();
    let longDateFormat;
    if (to24h) {
        // set to 24h format
        longDateFormat = Object.entries(_longDateFormat).reduce((formatz, [token, format]) => {
            if (!(token in leading12hZero)) {
                if (format.includes('hh:')) {
                    leading12hZero[token] = true;
                } else {
                    leading12hZero[token] = false;
                }
            }
            formatz[token] = format.replace('hh:', 'HH:').replace('h:', 'HH:').replace('a', `[${lowerMeridiemPlaceholder}]`).replace('A', `[${upperMeridiemPlaceholder}]`);
            return formatz;
        }, {});
    } else {
        // set to 12h format
        longDateFormat = Object.entries(_longDateFormat).reduce((formatz, [token, format]) => {
            const shouldLeadingZero = leading12hZero[token];
            formatz[token] = format.replace('HH:', shouldLeadingZero ? 'hh:' : 'h:').replace('H:', shouldLeadingZero ? 'hh:' : 'h:').replace(`[${lowerMeridiemPlaceholder}]`, 'a').replace(`[${upperMeridiemPlaceholder}]`, 'A');
            return formatz;
        }, {});
    }
    moment.updateLocale(_abbr, { longDateFormat });
}
moment.prototype._formatOriginal = moment.prototype.format;
moment.prototype.format = function(str) {
    return moment.prototype._formatOriginal.call(this, str).replace(lowerMeridiemPlaceholder, '').replace(`${lowerMeridiemPlaceholder} `, '').replace(upperMeridiemPlaceholder, '').replace(`${upperMeridiemPlaceholder} `, '');
}