時間格式化工具----moment.js(網頁時間實時展示)

moment.js官方網站：Moment.js 中文網

 一 、 安裝方式(常用)
        yarn add moment

npm i moment --save

二 、 使用

日期格式化：

moment().format('MMMM Do YYYY, h:mm:ss a'); // 五月 28日 2022, 2:54:47 下午
moment().format('dddd');                    // 星期六
moment().format("MMM Do YY");               // 5月 28日 22
moment().format('YYYY [至] YYYY');     // 2022 至2022
moment().format();                          // 2022-05-28T14:54:47+08:00

相對時間：

moment("20111031", "YYYYMMDD").fromNow(); // 11 年前
moment("20120620", "YYYYMMDD").fromNow(); // 10 年前
moment().startOf('day').fromNow();        // 15 小時前
moment().endOf('day').fromNow();          // 9 小時內
moment().startOf('hour').fromNow();       // 1 小時前

日曆時間：

moment().subtract(10, 'days').calendar(); // 2022/05/18
moment().subtract(6, 'days').calendar();  // 上星期日14:54
moment().subtract(3, 'days').calendar();  // 上星期三14:54
moment().subtract(1, 'days').calendar();  // 昨天14:54
moment().calendar();                      // 今天14:54
moment().add(1, 'days').calendar();       // 明天14:54
moment().add(3, 'days').calendar();       // 下星期二14:54
moment().add(10, 'days').calendar();      // 2022/06/07

 渲染年月日：

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

 渲染時分秒

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

實現實時時間展示的方式 （做一個間隙性計時器，每隔1秒鐘調用一次）：

            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);