仅在 ReactJS 中将日期时间值转换为时间

在 ReactJS 中将日期时间值转换为时间，有很多种方法，本文将介绍几种常用的方式。

使用 moment.js 库

moment.js 是一个用于解析、验证、操作和格式化日期的库。你可以安装 moment.js 库，然后将日期时间值传递给 moment 函数，并使用 format 方法将其格式化为相应的时间字符串。

import moment from 'moment';

const date = new Date();
const time = moment(date).format('h:mm A');

console.log(time); // 输出例如 "3:42 PM"

使用 toLocaleTimeString() 方法

Date 对象具有内置的 toLocaleTimeString() 方法，该方法返回特定于区域设置（本地时间）的字符串表示形式。你可以使用此方法将日期时间值转换为时间。

const date = new Date();
const time = date.toLocaleTimeString('en-US');

console.log(time); // 输出例如 "3:42:22 PM"

使用 Intl.DateTimeFormat() 方法

可以使用 Intl.DateTimeFormat() 方法将日期时间值转换为时间。此方法接受区域设置作为参数，并为该区域设置返回格式化日期时间字符串。

const date = new Date();
const options = { hour: 'numeric', minute: 'numeric' };
const time = new Intl.DateTimeFormat('en-US', options).format(date);

console.log(time); // 输出例如 "3:42 PM"

总结

在 ReactJS 中，可以使用上述任何一种方式将日期时间值转换为时间。选择哪种方式可能取决于你的偏好以及要处理的特定方案。无论你选择哪种方式，记得始终测试代码以确保它能够按预期执行。