Time formatting tool ----moment JS (real time display of web page time)

moment.js Official website ：Moment.js Chinese net

  One 、 Installation mode ( Commonly used )
        yarn add moment

npm i moment --save

Two 、 Use

Date formatting ：

moment().format('MMMM Do YYYY, h:mm:ss a'); //  May  28 Japan  2022, 2:54:47  Afternoon 
moment().format('dddd');                    //  Saturday 
moment().format("MMM Do YY");               // 5 month  28 Japan  22
moment().format('YYYY [ to ] YYYY');     // 2022  to 2022
moment().format();                          // 2022-05-28T14:54:47+08:00

Relative time ：

moment("20111031", "YYYYMMDD").fromNow(); // 11  Years ago 
moment("20120620", "YYYYMMDD").fromNow(); // 10  Years ago 
moment().startOf('day').fromNow();        // 15  Hours before 
moment().endOf('day').fromNow();          // 9  Within hours 
moment().startOf('hour').fromNow();       // 1  Hours before 

Calendar time ：

moment().subtract(10, 'days').calendar(); // 2022/05/18
moment().subtract(6, 'days').calendar();  //  Last Sunday 14:54
moment().subtract(3, 'days').calendar();  //  Last Wednesday 14:54
moment().subtract(1, 'days').calendar();  //  yesterday 14:54
moment().calendar();                      //  today 14:54
moment().add(1, 'days').calendar();       //  Tomorrow, 14:54
moment().add(3, 'days').calendar();       //  Next Tuesday 14:54
moment().add(10, 'days').calendar();      // 2022/06/07

  Render date ：

moment().format("YYYY-MM-DD")  // 2022-05-28 

  Rendering time: minutes and seconds

moment().format("HH:mm:ss") // 15:00

Realization Real time Way of presentation  （ Make a gap timer , every other 1 Call once per second ）：

            this.nowDate = moment().format("YYYY-MM-DD");
            this.nowTime = moment().format("HH:mm:ss");
            this.timeF = setInterval(()=>{
                this.nowDate = moment().format("YYYY-MM-DD");
                this.nowTime = moment().format("HH:mm:ss");
            }, 1000);