ant design vue之a-range-picker 预设常用的日期范围
<a-range-pickerformat="YYYY-MM-DD":placeholder="['开始日期', '结束日期']"allow-clear@change="bptjTimeChange":ranges="ranges"v-model='pickerDefault'/>import moment from 'mo...
·
<a-range-picker
format="YYYY-MM-DD"
:placeholder="['开始日期', '结束日期']"
allow-clear
@change="bptjTimeChange"
:ranges="ranges"
v-model='pickerDefault'
/>
import moment from 'moment';
data() {
return {
//默认近一个月的时间
pickerDefault:[moment().subtract('days', 30), moment()],
// 时间插件
ranges: {
'今天': [moment(), moment()],
'昨天': [moment().subtract('days', 1), moment().subtract('days', 1)],
'近一周': [moment().subtract('days', 7), moment()],
'近两周': [moment().subtract('days', 14), moment()],
'近一个月': [moment().subtract('days', 30), moment()],
'近三个月': [moment().subtract('days', 90), moment()],
'近半年': [moment().subtract('days', 182), moment()], // 一年的一半
'近一年': [moment().subtract('days', 365), moment()],
'当月': [moment().startOf('month'), moment()],
'当季': [moment().startOf('quarter'), moment()],
'当年': [moment().startOf('year'), moment()],
},
}
}
// 日期选择
bptjTimeChange(date, dateString){
console.log(dateString); //['2022-02-16', '2022-05-17']
},
更多推荐
已为社区贡献13条内容
所有评论(0)