如何在React Native中制作時間格式

Question

我必須在兩個不同的屏幕上顯示此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”

Answer 1

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官方文檔。