momentjs基础系列74.endOf方法-week

时间过得真快,眨眼之间又来到六月了,回头一看,从四月份到现在,也差不多快有一个月时间啦。而在这一个月时间里,平时我都在忙着工作上面的事情,就没有时间来写文章了。

现在六月份的更文活动开始了,我已经好久没有写文章了。刚好又有掘金的更文活动,我打算开始写文章了,参与到这次更文活动来。

六月,冲啊。

系列介绍

在提升系列里面,我们在实现获取区间时间的功能效果的时候,我们使用了第三方库-momentjs来实现功能的。使用了第三方库后,整个功能实现效果就比较简单了。调用momentjs库里对应的方法,即可快速实现效果,同时我们的代码量也少很多。

使用momentjs库来对一些时间进行操作的时候,是非常方便的。正因为如此,打算开一个系列,讲一下怎么使用momentjs这个库。因为momentjs库,里面有很多的方法。有些方法,可能平时在开发的过程中我也没有使用过。所以我开这个momentjs基础系列,既是自己温故一遍momentjs库里的方法,同时也写成文章,提供给别人学习参考。希望能够对你有所帮助。

momentjs

在JavaScript中解析,验证,操作和显示日期和时间

这是来自于momentjs官网上面的介绍,我们可以使用momentjs来进行日期、时间方面相关的操作。

前言

在上一篇文章里面momentjs基础系列73.startOf方法-quarter,我们讲解了Moment对象上的endOf方法。调用该方法,可以为现有的moment实例对象设置它的结束时间。

我们介绍了调用endOf方法时,传递的参数-quarter。

接下来,我们将继续介绍一下传递的其它参数。

moment

我们调用moment方法,可以创建一个Moment的实例对象出来。

该moment实例对象上,有很多的方法或者属性。利用这些方法或者属性,我们可以对时间进行相关的操作。

掌握这些方法以及合理使用,将会给我们的工作带来极大的便利。

引入momentjs

我们想要使用momentjs,需要先把momentjs的包引入进来。

我这里是打算使用一个html文件,在这个html文件里写逻辑代码的,来写我们的演示案例。而不是通过创建项目工程化的方式,来创建项目案例。所以我打算通过cdn的方式,来在html文件里,引入momentjs。

先创建一个index.html文件,为了演示使用,我们直接使用html文件来实现即可了。

在html文件里面,通过cdn的方式,引入了momentjs

<script src="https://cdn.bootcdn.net/ajax/libs/moment.js/2.29.4/moment.js"></script>

引入momentjs依赖库之后,它会进行全局挂载。这样,我们就可以在script标签里面,直接可以使用moment了。

endOf

在Moment实例对象上面,有一个endOf方法。我们可以使用endOf方法,为现有的moment实例对象设置它的结束时间。

这么说可能有点抽象或者不好理解,后面让我们用一个小案例来解释一下。看完这个小案例,你就会理解了。

用法介绍

我们先调用moment()方法,得到一个moment实例对象,然后再调用它的endOf方法。

若想要设置时间的结束时间,则需要传入你想要设置时间的结束值。

moment(时间).endOf(String)

参数介绍:

  • 参数一(String):你要设置的起始时间值

    它有下面几个值,可供你设置:

    • year
    • month
    • quarter
    • week
    • isoWeek
    • day
    • date
    • hour
    • minute
    • second

接下来,我们将介绍一下各个参数值的作用。

week

我们调用moment方法,创建一个moment实例对象。在moment实例对象上的,有一个endOf方法时。调用endOf方法时,传递参数为week,可以设置moment实例对象的时间为当前周的最后一天。

我们用代码示例来进行演示一下

 console.log(moment("2023-02-10").startOf("week"));

上面代码,我们先是调用moment方法,传递一个时间进去。得到了一个moment实例对象后,接着,调用它的endOf方法,传递一个参数进去。

现在我们传递的参数为quarter,表示设置moment实例对象的结束时间为当前周的最后一天。

到浏览器的控制台,我们先查看一下代码执行后打印的结果

0001.png

在浏览器的控制台里面,我们可以看到打印出来一个moment实例对象。它有一个_d属性,在这个属性里面,我们可以看到一个单词Feb,它是英文单词February的缩写,中文意思是二月。再把后面的时间给拼接起来,它的时间值就是2023-02-11

我们知道,一周有7天。按照国外的计算方法,一周是从周日到周六的,所以周六是一周的结束时间。

我们打开电脑日历,查看2023年2月。发现11号是星期六,就是2023-02-11。和我们在控制台看到的时间是一致的,结果验证是正确的。

小结

本篇文章小结:

本小节主要是讲解了moment对象上的endOf的使用方法和功能。

我们可以使用moment对象上面的endOf方法:使用endOf方法的时候,当我们传递的参数为week的时候,可以设置moment实例对象的起始时间为当前周的最后一天时间

本小节相对来说比较简单,相信大家很快就能掌握和理解它的。

最后,放上自己比较喜欢的一句诗句:

千淘万漉虽辛苦,吹尽狂沙始到金 – 唐 刘禹锡《浪淘沙》

© 版权声明
THE END
喜欢就支持一下吧
点赞0

Warning: mysqli_query(): (HY000/3): Error writing file '/tmp/MY3838HO' (Errcode: 28 - No space left on device) in /www/wwwroot/583.cn/wp-includes/class-wpdb.php on line 2345
admin的头像-五八三
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

图形验证码
取消
昵称代码图片