如何在 React-Native 中格式化 ISO 日期

Question

我正在从我的 API 获取这种格式的日期数据：

"2018-12-26T05:00:29"

但是我需要在应用程序前端以不同的格式显示它，如下所示：

"Monday, Nov 26 at 10:00 am"

我怎样才能在本机反应中实现这一点？

Answer 1

考虑使用像momentjs这样的第三方库来进行高级日期解析和格式化。 使用 moment，您可以通过以下模式根据需要格式化日期字符串：

// dddd for full week day, MMM for abreviated month, DD for date, etc
moment(inputDate).format("dddd, MMM DD at HH:mm a")

momentjs 库与 react-native 配合良好，可以通过以下方式轻松安装：

npm install moment --save

并导入到您的项目中：

import moment from 'moment';

这是一个演示上述模式的片段：

 var inputDate = "2018-12-26T05:00:29"; var outputDate = moment(inputDate).format("dddd, MMM DD at HH:mm a"); console.log(outputDate);

 <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.23.0/moment.min.js"></script>

Answer 2

虽然Moment.js可以快速解决这个问题，但它是一个非常大的库，可用于单个用例。 我建议改用date-fns 。 这是轻的。

感谢https://github.com/date-fns/date-fns/issues/376#issuecomment-353871093，我从中脱颖而出。

尽管有解决方案，但我在日期字段符号上做了一些完善。 您可能需要使用dd而不是DD / yyyy而不是YYYY来格式化月份的日期/格式化年份。

在此处阅读文档： https : //github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md