項目開發過程中,總會遇到這樣那樣的時間格式化問題,那麼在react中,日期時間格式化該怎麼解決??
一種是直接使用插件 moment,方便快捷完美的解決時間格式化問題;
另一種是,假如整個項目只有一處使用到了時間,那麼使用 moment會顯得臃腫和浪費, 這時可以自己開發時間格式化組件,來滿足項目需求。這裏我們先說一下moment插件的用法:
一、使用 moment 日期格式化插件,方便快捷:
1、首先安裝moment : npm install moment --save
2、在文件中引用:
import moment from 'moment'
3、使用方式:
當前時間:moment().format('YYYY-MM-DD HH:mm:ss')
時間格式化:moment(datetime).format('YYYY-MM-DD')
今天星期幾:moment().format('d')
Unix時間戳:moment().format('X')
相對時間使用方式:
3年前的時間:moment("2016-01-01", "YYYY-MM-DD").fromNow()
5天后的時間:moment().add('days', 5).format('YYYY-MM-DD')
3小時後的時間:moment().add('hours', 3).format('HH:mm:ss')
明天: moment().add(1, 'days').calendar()