vue date,vue日期比较
本文主要介绍Vue如何使用Dayjs计算常用日期的相关信息。通过示例代码进行了非常详细的介绍,对大家的学习或工作有一定的参考价值。下面让我们跟随边肖一起学习。
使用vue开发项目时,前端经常需要计算一些日期和时间,比如:
计算周岳的最后期限
计算XX天之前/之后的日期
将时间戳转换为日期(YYYY-MM-DD)
计算月数。
日期到时间戳
推荐一个处理时间和日期的轻量级JavaScript库:dayjs
使用这个插件计算常见日期非常方便。
1.使用命令在项目中安装day js:NPM install day js-save。
2.在main.js中,添加以下两个代码
从“dayjs”导入day js;
vue . prototype . day js=day js;
3、页面需要用到的地方,直接用
当前日期或时间戳转换,格式后面是你要格式化的内容。**dayjs() **不要将任何参数放在括号中,默认为当前日期。也可以放一个时间戳,直接转换。
(注意:使用元素组件的日期选择器时,其值格式属性要求:
包裹
Dayjs(格式)
元素(值格式)
年
年份
年份
月球
梅智节拍器
梅智节拍器
太阳
直接伤害
截止日期(Deadline Date的缩写)
时间
殿下
殿下
分钟
毫米
毫米
第二
悬浮物
悬浮物
其中年和日的表达略有不同,容易混淆)
this.dayjs()。格式(“YYYY-MM-DD”)
this.dayjs()。格式(“YYYY-MM-DD HH:mm”)
this.dayjs(1614787200000)。格式(“YYYY-MM-DD HH:mm:ss”)
2.计算某周/月/年的开始和结束日期。使用的方法是startOf(),endOf(),括号可以是“周”、“月”和“年”
(ps:增加格式是为了更直观)
this.dayjs()。startOf(周);
this.dayjs()。endOf(周)。格式( YYYY-MM-DD );
this.dayjs()。startOf(月)。格式( YYYY-MM-DD );
this.dayjs(2021-02-09 )。endOf(月)。格式( YYYY-MM-DD );
计算日期,比如几天前,几天后,
正面(负)
之后(加号)
减去(参数1,参数2)
添加(参数1,参数2)
参数1
数字
参数2
单位(“周”、“月”、“年”)
this.dayjs()。减去(3,“天”)。格式(“YYYY-MM-DD”)
this.dayjs()。减去(3,“月”)。格式(“YYYY-MM-DD”)
this.dayjs()。添加(12,日)。格式(“YYYY-MM-DD”)
this.dayjs(2021-03-12 )。添加(45,天)。格式(“YYYY-MM-DD”)
5.使用dayInMonth()方法获取一个月中的天数
this.dayjs()。days inmonth();
this.dayjs(2021-02-09 )。days inmonth();
this.dayjs(2021-01 )。days inmonth();
6.普通日期被转换成时间戳。
this.dayjs()。unix()
this.dayjs(2020-10-04 )。unix()
总结
这就是这篇关于Vue如何使用Dayjs计算常见日期的文章。有关Vue计算常见日期的更多信息,请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。