javascript - 使用 Moment.js 显示 24 小时而不是 12 小时

Question

如何显示 24 小时制而不是 12 小时制。我想利用 calendar() 函数。

代码:

<p className="item__subtitle">{moment(props.note.updatedAt).locale('en-gb').calendar()}</p>

输出:

Today at 3:17 PM

Answer 1

默认时间格式为LT，因此您需要将其更改为HH:mm。( moment/calendar.js at master · moment/moment )

您可以像这样在第二个参数中设置 calendar 的格式。

.calendar(null, {
    lastDay : '[Yesterday at] HH:mm',
    sameDay : '[Today at] HH:mm',
    nextDay : '[Tomorrow at] HH:mm',
    lastWeek : '[last] dddd [at] HH:mm',
    nextWeek : 'dddd [at] HH:mm',
    sameElse : 'L'
})

完整代码:

<p className="item__subtitle">{moment(props.note.updatedAt).locale('en-gb').calendar(null, {
    lastDay : '[Yesterday at] HH:mm',
    sameDay : '[Today at] HH:mm',
    nextDay : '[Tomorrow at] HH:mm',
    lastWeek : '[last] dddd [at] HH:mm',
    nextWeek : 'dddd [at] HH:mm',
    sameElse : 'L'
})}</p>

如果你想改变所有calendar的格式，你可以像这样将格式设置为locale customize。 (来自 Customize > Calendar | Moment.js | Docs)

// From 2.12.0 onward
moment.updateLocale('en-gb', {
    calendar : {
        lastDay : '[Yesterday at] HH:mm',
        sameDay : '[Today at] HH:mm',
        nextDay : '[Tomorrow at] HH:mm',
        lastWeek : '[last] dddd [at] HH:mm',
        nextWeek : 'dddd [at] HH:mm',
        sameElse : 'L'
    }
});

// From 2.8.1 to 2.11.2 : `moment.locale('en-gb', {calendar : {...  
// Deprecated in 2.8.1 : `moment.lang('en-gb', {calendar : {...