使用element UI中的日期选择器的value-format属性获取开始结束时间
<el-date-picker
v-model="valueTime"
type="daterange"
range-separator="——"
value-format="yyyy-MM-dd"
start-placeholder="开始日期"
end-placeholder="结束日期"
style="margin:20px 0"
@change="pickerFn"
></el-date-picker>
methods: {
pickerFn() {
console.log(this.valueTime);
}
}
文档自带了数据 但是刚按照官网上的写法出不来
pickerOptions: {
shortcuts: [
{
text: '本月',
onClick(picker) {
picker.$emit('pick', [new Date(), new Date()]);
}
},
{
text: '今年至今',
onClick(picker) {
const end = new Date();
const start = new Date(new Date().getFullYear(), 0);
picker.$emit('pick', [start, end]);
}
},
{
text: '最近六个月',
onClick(picker) {
const end = new Date();
const start = new Date();
start.setMonth(start.getMonth() - 6);
picker.$emit('pick', [start, end]);
}
}
]
},
原来是这样
:picker-options="pickerOptions"
官网上:shortcuts="shortcuts"
这是v3的写法 我现在是v2
- vue2
:picker-options="pickerOptions"
- vue3
:shortcuts="shortcuts
当前vue版本号可以通过package.json查看