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

一、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