如何在React Native中制作时间格式

时间:2019-04-30 12:22:10

标签: javascript reactjs react-native

我必须在两个不同的屏幕上显示此expiryDate,此值来自api。 1号expiryDate正在工作,但没有2号不工作,得到错误无效时间  我收到错误的无效时间,请提出建议。

// 1.下面的代码显示了正确的格式

expiryDate:
date: "2019-04-02T15:17:16.016Z"
__typename: "Date"

// 2。在以下格式中,我收到错误无效时间。

expiryDate:
date: "2099-12-30T23:00:00.000Z"
__typename: "Date"

//下面的代码用于格式化我的expiryDate,然后显示expDate

let expDate = new Date(expiryDate).toISOString().split('T')[0].split('-').reverse().join('-') 
              + ' ' 
              + new Date(expiryTime).toISOString().split('T')[1].split('.')[0];

我必须在这个队友中展示“ 2019-04-02 15:17:16”

1 个答案:

答案 0 :(得分:2)

React Native的魅力在于它支持许多JS Librarieis,例如Moment.js。使用moment.js将是处理日期/时间的更好/更简便的方法,而不是从头开始编码

只需在终端中运行它即可

npm install moment --save

在您的React Native js页面中:

从“时刻”导入时刻;

render(){
    Moment.locale('en');
    var dt = '2016-05-02T00:00:00';
    return(<View> {Moment(dt).format('d MMM')} </View>) //basically you can do all sorts of the formatting and others
}

您可以在此处https://momentjs.com/docs/

查看一下moment.js官方文档。