时间格式化工具----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);

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值