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

Question

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

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

但是我需要在应用程序前端以不同的格式显示它:

"Monday, Nov 26 at 10:00 am"

我如何在 react-native 中实现这一点？

Answer 1

考虑使用第三方库，如 momentjs用于高级日期解析和格式化。使用 moment，您可以 format the date string根据需要通过以下模式:

// 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>