2

moment的startOf、endOf使用

举例:

今天的日期2020-04-14 16:41
image.png

startOf语法:moment().startOf(String);

通过将原始的 moment 设置为时单位的开头来对其进行更改。

endOf语法:moment().endOf(String);

通过将原始的 moment 设置为时间单位的末尾来对其进行更改。

moment的startOf、endOf的方法有

startOf、endOf的方法

序号 startOf方法名 startOf方法名释义 序号 endOf方法名 endOf方法名释义
1.1 moment().startOf('year'); 设置为今年的1月1日的00:00:00 1.2 moment().endOf('year'); 设置为今年的12月31号的23:59:59
2.1 moment().startOf('month'); 2.2 moment().endOf('month');
3.1 moment().startOf('quarter'); 3.2 moment().endOf('quarter');
4.1 moment().startOf('week'); 4.2 moment().endOf('week');
5.1 moment().startOf('isoWeek'); 5.2 moment().endOf('isoWeek');
6.1 moment().startOf('day'); 设置为今天的00:00:00; 6.2 moment().endOf('day'); 设置为今天的23:59:59;
7.1 moment().startOf('date'); 7.2 moment().endOf('date');
8.1 moment().startOf('hour'); 8.2 moment().endOf('hour');
9.1 moment().startOf('minute'); 9.2 moment().endOf('minute');
10.1 moment().startOf('second'); 10.2 moment().endOf('second');

这些快捷方式与以下的基本相同。

moment().startOf('year'); moment().month(0).date(1).hours(0).minutes(0).seconds(0).milliseconds(0);

moment().startOf('hour'); moment().minutes(0).seconds(0).milliseconds(0)

1.1.moment().startOf('year')

释义:设置为今年的1月1日的00:00:00

eg:

console.log(moment().startOf('year'));

打印结果:
image.png

eg:

console.log(moment().startOf('year').format('YYYY-MM-DD HH:mm:ss'));

打印结果:
image.png

1.2.moment().endOf('year')

释义:设置为今年的12月31号的23:59:59

eg:

console.log(moment().endOf('year'));

打印结果:
image.png

eg:

console.log(moment().endOf('year').format('YYYY-MM-DD HH:mm:ss'));

打印结果:
image.png

6.1. moment().startOf('day')

释义:设置为今天的00:00:00;

eg:

console.log(moment().startOf('day'));

打印结果:
image.png

eg:

console.log(moment().startOf('day').format('YYYY-MM-DD HH:mm:ss'));

打印结果:
image.png

6.2. moment().endOf('day')

释义:设置为今天的23:59:59;

eg:

console.log(moment().endOf('day'));

打印结果:
image.png

eg:

console.log(moment().endOf('day').format('YYYY-MM-DD HH:mm:ss'));

打印结果:
image.png

应用场景:

  • 在时间、日期组件使用时,可以禁选当天之前的日期。
  • 时间做比较时使用

eg:
image.png

参考文献及翻译地址:
moment官网:http://momentjs.cn/

后续未完,请继续关注,Thanks!☺


Sun_jiejie
24 声望2 粉丝