前端关于时间的用法汇总(Date,moment)

原文链接：前端关于时间的用法汇总(Date,moment) – 每天进步一点点 (longkui.site)

一、Date的用法

获取当前日期：

let nowDate= new Date();

一些用法

new Date().getear();         //获取当前年份（2位）
new Date().getFullYear();    //获取完整的年份（4位），2022
new Date().getMonth();       //获取当前月份（0~11），0代表1月份
new Date().getDate();       //获取当前日期的日（1~31），比如：15
new Date().getDay();        //获取当前的星期（0~6），0表示星期天
new Date().getTime();       //获取当前时间的时间戳
new Date().getHours();      //获取当前的小时数(0~23)
new Date().getMinutes();    //获取当前的分钟数（0~59）
new Date().getSeconds();    //获取当前的秒数（0~59）
new Date().getMilliseconds(); //获取当前的毫秒数（0~999）
new Date().toLocaleDateString(); //获取当前日期， 2022/9/15
new Date().toLocaleTimeString(); //获取当前时间，19:34:06
new Date().toLocaleString(); //获取当前的日期和时间2022/9/15 19:36:05 

二、moment

moment官网：Moment.js 中文网 (momentjs.cn)

打开官网按F12就可以测试下面的代码了。

如果需要安装moment，请使用下面的语句：

npm install moment --save   # npm
yarn add moment             # Yarn
Install-Package Moment.js   # NuGet
spm install moment --save   # spm
meteor add momentjs:moment  # meteor

• 格式化

moment().format() //2022-09-20T19:58:54+08:00

moment().format("YYYY-MM-DD") //2022-09-20

moment().format("YYYY/MM/DD") //2022/09/20

moment().format("YYYY-MM-DD hh:mm:ss") //2022-09-20 08:02:22

moment().format('MMMM Do YYYY, h:mm:ss a'); // 九月 20日 2022, 7:51:09 晚上

moment().format('dddd'); // 星期二

moment().format("MMM Do YY"); // 9月 20日 22

moment().format('YYYY [escaped] YYYY'); // 2022 escaped 2022

moment().format(); // 2022-09-20T19:51:09+08:00

• 相对时间(时间计算)

moment("20111031", "YYYYMMDD").fromNow(); // 11 年前

moment("20120620", "YYYYMMDD").fromNow(); // 10 年前

moment().startOf('day').fromNow(); // 20 小时前

moment().endOf('day').fromNow(); // 4 小时内

moment().startOf('hour').fromNow(); // 1 小时前

• 加加减减时间

//获取某个月的第一天

moment().startOf('month').format("YYYY-MM-DD") //2022-09-01

moment("2019-03-14").startOf('month').format("YYYY-MM-DD") //2019-03-01

//获取某个月的最后一天

moment().endOf('month').format("YYYY-MM-DD") //2022-09-30

moment("2019-03-14").endOf('month').format("YYYY-MM-DD") //2019-03-31

//获取某年的第一天

moment().startOf('year').format("YYYY-MM-DD") //2022-01-01

//获取某年的最后一天

moment().endOf('year').format("YYYY-MM-DD")

//减去一些时间

moment().subtract(1, 'days').format("YYYY-MM-DD") // 2022-09-19

moment("2022-05-13").subtract(1, 'days').format("YYYY-MM-DD") //2022-05-12

moment().subtract(1, 'months').format("YYYY-MM-DD") //2022-08-20

moment().subtract(1, 'years').format("YYYY-MM-DD") //2021-09-20

moment().subtract(1, 'hours').format("YYYY-MM-DD hh:mm:ss") //2022-09-20 07:18:15

 

//加上一些时间

moment().add(1, 'days').format("YYYY-MM-DD") // 2022-09-21

• 多语言支持

moment.locale();         // zh-cn
moment().format('LT');   // 19:51
moment().format('LTS');  // 19:51:09
moment().format('L');    // 2022/09/20
moment().format('l');    // 2022/9/20
moment().format('LL');   // 2022年9月20日
moment().format('ll');   // 2022年9月20日
moment().format('LLL');  // 2022年9月20日晚上7点51分
moment().format('lll');  // 2022年9月20日 19:51
moment().format('LLLL'); // 2022年9月20日星期二晚上7点51分
moment().format('llll'); // 2022年9月20日星期二 19:51