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

Yen*_*Yen 1 javascript date react-native

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

"2018-12-26T05:00:29"
Run Code Online (Sandbox Code Playgroud)

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

"Monday, Nov 26 at 10:00 am"
Run Code Online (Sandbox Code Playgroud)

我怎样才能在react-native中实现这一点?

Dac*_*nny 5

考虑使用像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")
Run Code Online (Sandbox Code Playgroud)

momentjs 库与 React-native 配合良好,可以通过以下方式轻松安装:

npm install moment --save
Run Code Online (Sandbox Code Playgroud)

并导入到您的项目中:

import moment from 'moment';
Run Code Online (Sandbox Code Playgroud)

这是演示上面所示模式的片段:

// dddd for full week day, MMM for abreviated month, DD for date, etc
moment(inputDate).format("dddd, MMM DD at HH:mm a")
Run Code Online (Sandbox Code Playgroud)
npm install moment --save
Run Code Online (Sandbox Code Playgroud)