element ui 日期选择器快捷选项本周，本月，上周，上个月

最新推荐文章于 2023-02-15 16:53:31 发布

余晖下的黄昏

最新推荐文章于 2023-02-15 16:53:31 发布

阅读量636

点赞数

文章标签： ui elementui vue.js

本文链接：https://blog.csdn.net/qq_43485171/article/details/125179460

版权

import moment from "moment";
pickerOptions: {
        shortcuts: [{
            text: '本周',
            onClick(picker) {
                const start = moment().startOf('week').add(1, 'day').format('YYYY-MM-DD')
                const end = moment().endOf('week').add(1, 'day').format('YYYY-MM-DD')
                picker.$emit('pick', [start, end]);
            }
        }, {
            text: '本月',
            onClick(picker) {
                const start = moment().startOf('month').format('YYYY-MM-DD');
                const end = moment().endOf('month').format('YYYY-MM-DD')
                picker.$emit('pick', [start, end]);
            }
        }, {
            text: '上周',
            onClick(picker) {
                let weekOfDay = parseInt(moment().format('d'))
                const start = moment().subtract(weekOfDay + 7 - 1, 'days').format('YYYY-MM-DD')
                const end = moment().subtract(weekOfDay, 'days').format('YYYY-MM-DD')
                picker.$emit('pick', [start, end]);
            }
        }, {
            text: '上个月',
            onClick(picker) {
                const start = moment().subtract(1, 'month').startOf('month').format('YYYY-MM-DD');
                const end = moment().subtract(1, 'month').endOf('month').format('YYYY-MM-DD')
                picker.$emit('pick', [start, end]);
            }
        }, ]
    },//element-ui 日期选择器参数picker配置