为什么使用day.js
首先,使用day.js能够帮助我们更简单的处理JavaScript中的日期和时间。
在JavaScript中处理时间的库你可能听说很多,比如Moment,但都2021年了,其实是非常不推荐使用moment.js的,因为作为日期处理工具,它过于的笨重,day.js是更现代并且更轻量化,更加容易扩展的一个库。
1、安装 npm install dayjs
2、var dayjs = require(‘dayjs’)(在vue中引入使用)
3、使用
<script>const dayjs = require("dayjs");export default {data(){return {toDate:''}},onLoad(){this.toDate=new Date()//方法 可以获取当前的时间//new Date('可以传入指定的时间') //方法里面可以传入指定的时间,用来改造时间的格式等this.getDate()},methods:{getDate(){//format()方法里面表示想要修改的时间格式 return dayjs(this.toDate).format('yyyy-MM-DD HH:mm:ss')//2024-01-10 12:10:10// 第二个参数指定为'day'代表以日为颗粒度 获取两个日期相差的天数//dayjs(new Date(2021, 10, 1)).diff(new Date(2021, 9, 17), "day"); //获取输入日期月份的天数// dayjs("2021-09-13").daysInMonth() //31//添加日、月、年、时、分、秒// dayjs("2021-09-17 08:10:00").add(20, "minute").format('YYYY-MM-DD HH:mm:ss') // 输出: 2021-09-17 08:30:00//减去日、月、年、时、分、秒// dayjs("2021-09-17 08:10:00").subtract(20, "minute").format('YYYY-MM-DD HH:mm:ss')
// 输出: 2021-09-17 07:50:00}}}
</script>
//format()方法里面表示想要修改的时间格式
| 含义 | 举例 |
|---|---|
| 年 | yyyy—>2019 |
| 月 | MM---->12 大写的M |
| 一月中的天数 | dd---->31 |
| 小时(0-23) | HH---->18 24小时制是要大写的H |
| 分 | mm---->07 小写的m |
| 秒 | ss---->07 小写的 |
| 毫秒 | SSS---->555 |
现在我们来看一些实用、有趣的例子,与原生API相比,它更加简单,而且可读性更强。