为什么使用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相比,它更加简单,而且可读性更强。