vue date,vue日期比较

  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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: