el-date-picker 日期选择器快捷键记录：本周、本月、上一周、上一月、最近一周、最近一月

最新推荐文章于 2025-02-28 14:20:47 发布

@安子欣

最新推荐文章于 2025-02-28 14:20:47 发布

阅读量3.5k

点赞数 2

分类专栏：笔记 JavaScript 文章标签：前端 javascript elementui

本文链接：https://blog.csdn.net/qq_35030421/article/details/121749411

版权

本文详细记录了Element UI的el-date-picker组件中关于日期快捷选择的功能，包括本周、本月、上一周、上一月、最近一周和最近一月的选择操作，帮助前端开发者更高效地使用这一组件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

pickerOptions: {
        shortcuts: [
          {
            text: "本周",
            onClick(picker) {
              // 获取今天
              const end = new Date();
              // 获取当前周的第一天
              const start = new Date(
                end.getFullYear(),
                end.getMonth(),
                end.getDate() - ((end.getDay() + 6) % 7)
              );
              start.setTime(start.getTime());
              picker.$emit("pick", [start, end]);
            },
          },
          {
            text: "本月",
            onClick(picker) {
              const end = new Date();
              // 获取当前月的第一天
              const start = new Date(end.getFullYear(), end.getMonth(), 1);
              start.setTime(start.getTime());
              picker.$emit("pick", [start, end]);
            },
          },
          {
            text: "上一周",
            onClick(picker) {

最低0.47元/天解锁文章