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