elementui中的时间选择器怎么设置默认值el-date-picker区间选择器怎 ...
elementui中的时间选择器怎么设置默认值el-date-picker区间选
择器怎么这是默认值
郑州庙会
template代码
<el-date-picker
value-format="yyyy-MM-dd"
v-model="search.date"
type="daterange"
align="right"
placeholder="选择⽇期范围"
:default-value="this.search.date"
经常大笑有助于减肥
:picker-options="pickerOptions"
range-separator=" ~ ">
</el-date-picker>
顺遍po⼀个data⾥⾯的相关代码，下⾯的是看你⽇期选择器的需求哦～
search: {
date:[],
beginDate: '',
endDate: ''
},
pickerOptions: {
shortcuts: [{
text: '今天',
onClick(picker) {
const end = new Date();
end.setHours(23, 59, 59);
const start = new Date(end);
start.Time() - 3600 * 1000 * 24 + 1000);
picker.$emit('pick', [start, end]);
}
}, {
text: '最近⼀周',
onClick(picker) {
const end = new Date();
const start = new Date();
end.setHours(23, 59, 59);
start.Time() - 3600 * 1000 * 24 * 7 + 1000);
picker.$emit('pick', [start, end]);
}
游戏王卡}, {
text: '最近⼀个⽉',
onClick(picker) {
const end = new Date();
遗属补助标准const start = new Date();
end.setHours(23, 59, 59);
start.Time() - 3600 * 1000 * 24 * 30 + 1000);
picker.$emit('pick', [start, end]);
}
}, {
text: '最近三个⽉',
onClick(picker) {
const end = new Date();
const start = new Date();
end.setHours(23, 59, 59);
start.Time() - 3600 * 1000 * 24 * 90 + 1000);
picker.$emit('pick', [start, end]);
}
}, {
text: '最近⼀年',
onClick(picker) {
烧茄子的做法大全
const end = new Date();
const start = new Date();
end.setHours(23, 59, 59);
start.Time() - 3600 * 1000 * 24 * 365 + 1000);
picker.$emit('pick', [start, end]);
}
}]
},
重点来了设置时间的区间选择器主要是要在 :default-value=""⾥⾯去设置⼀个数组
我这⾥的数据就是this.search.date，先设置⼀个空数组，然后在created⾥⾯把⽇期push 进去
created () {
this.search.beginDate = this.handleTimeOld(new Date()) //2012-12-1  handleTimeOld是我⽤来获取当⽉的第⼀天的      dDate = this.handleTimeNew(new Date()) //2012-12-1 handleTimeNew是获取今天的⽇期
this.search.date.push(this.search.beginDate)
this.search.date.push(dDate)
this.fetchData()
}
上⾯的就可以了～～～～～能够设置默认值了
下⾯的是获取⽇期的⽅法
handleTimeOld (time, split) {  //是我⽤来获取当⽉的第⼀天的
let date = new Date(time)
let year = FullYear()
let month = Month() + 1
split = '-'
return [year, month, 1].map(num => this.formatNumber(num)).join(split)
}，
handleTimeNew (time) { //handleTimeNew是获取今天的⽇期
let date = new Date(time)
let year = FullYear()
let month = (Month() + 1) > 10 ? (Month() + 1) : ('0' + (Month() + 1))
let day = Date() > 10 ? Date() : ('0' + Date())
return `${year}-${month}-${day}`
}
下⾯加上数据格式化
formatNumber(number) {关于时间的谚语
return String(number)[1] ? String(number) : `0${number}`
},

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。