本文介绍了在Vue.js项目中使用Element UI的日期时间控件时，如何添加今天、昨天、近七天等快捷选择，并解决default-time属性对快捷选项无效的问题。通过JavaScript的Date对象和setHours()方法，将时间戳转换并设定为0点，从而实现快捷时间的选择。
一、需求描述：
项目里每月需要统计当月的一些数据，或者随时需要调取部分时间段的数据，用Element ui的日期时间控件来实现，如下图：
但为了便捷，就加入几个固定的时间快捷选项，因为数据库里的时间存储的是时间戳，所以前端查询需要给提供具体的时间段部分。
Element ui的DateTimePicker组件提供了个default-time属性，可以预设具体的时间，但这个属性有个问题，设置好以后，只能对在通过日历插件选择的日期有效，对快捷选项是无效。
我这里用一个方案，就是**setHours(0,0,0,0)**，然后再将其转换为时间对象。
二、解决问题知识点：
1.JavaScript Date 对象转化：
获取当前时间戳（13位）
new Date().getTime()
//输出时间戳：1605871486784
时间戳转为时间对象函数
new Date(timestamp)
用法示例：
// 不写new获取的是当前时间
Date(1553323849459)
最低0.47元/天 解锁文章
扫一扫
7685
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
