在mian全局组件引入:
import dayjs from 'dayjs'
//添加原型属性 $dayjs 指向 dayjs
Vue.prototype.$dayjs = dayjs
<el-form-item label="查询阶段">
<el-date-picker
v-model="pickValue"
type="daterange"
range-separator="至"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
start-placeholder="开始日期"
end-placeholder="结束日期"
/>
</el-form-item>
data() {
return {
pickValue: [],
}
}
created() {
this.initFormDate()
},
// 默认一周 包含今天
initFormDate() {
const now = new Date()
const oneWeekAgo = now.getTime() - 7 * 24 * 3600 * 1000
this.pickValue = [this.$dayjs(new Date(oneWeekAgo + 24 * 3600 * 1000)).format('YYYY-MM-DD'), this.$dayjs(now).format('YYYY-MM-DD')]
},
时间拼接
this.searchParams.startDate = this.pickValue[0] + ' 00:00:00'
this.searchParams.endDate = this.pickValue[1] + ' 23:59:59'