react中日期時間格式化

項目開發過程中,總會遇到這樣那樣的時間格式化問題,那麼在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()

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章