- 使用场景,选择月份区间,第一个月是月初日期,第二个月是月末日期
- 使用组件elementUI el-date-picker组件 代码如下
<el-date-picker
:clearable="false"
:editable="false"
v-model="dateRange"
unlink-panels
style="width: 220px"
value-format="yyyy-MM-dd"
type="monthrange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
@change="monthChange"
></el-date-picker>
dateRange:[],
monthChange(){
console.log(this.dateRange);
let date = new Date(this.dateRange[1]);
let year = date.getFullYear();
let month = date.getMonth();
this.dateRange[1] = new Date(year, month+1, 0).toLocaleDateString('zh').replaceAll('/', '-');
console.log(this.dateRange);
},
- 最后效果