当前位置：首页 > ops >正文

根据当前日期计算并选取上一个月和上一个季度的日期范围，用于日期控件的快捷选取功能

ops 2025/8/18 2:05:37

代码如下：

   <el-date-picker v-model="value" type="monthrange" align="right" unlink-panels range-separator="至"start-placeholder="开始月份" end-placeholder="结束月份" :picker-options="pickerOptions"></el-date-picker>

 pickerOptions: {shortcuts: [{text: '本月',onClick(picker) {picker.$emit('pick', [new Date(), new Date()]);}}, {text: '上个月',onClick(picker) {const end = new Date();const start = new Date();start.setMonth(start.getMonth() - 1);picker.$emit('pick', [start, end]);}}, {text: '上季度',onClick(picker) {const end = new Date();const month = end.getMonth();let start = new Date();// 计算上一个季度的开始和结束日期if (month >= 0 && month <= 2) {  // 第一季度start.setFullYear(end.getFullYear() - 1, 9, 1);end.setFullYear(end.getFullYear() - 1, 11, 31);} else if (month >= 3 && month <= 5) {start.setFullYear(end.getFullYear(), 0, 1);end.setFullYear(end.getFullYear(), 2, 31);} else if (month >= 6 && month <= 8) {start.setFullYear(end.getFullYear(), 3, 1);end.setFullYear(end.getFullYear(), 5, 30);} else {  // 第四季度start.setFullYear(end.getFullYear(), 6, 1);end.setFullYear(end.getFullYear(), 8, 30);}picker.$emit('pick', [start, end]);}}]},value: ''

查看全文

http://www.xdnf.cn/news/7493.html