element el-date-picker日期组件常用的开发情况

在这里插入图片描述
页面显示的 日期
传给后端的是 日期+时分秒

<el-date-picker
  v-model="solveTime"
  type="daterange"
  :picker-options="pickerOptions"
  range-separator="-"
  start-placeholder="开始日期"
  end-placeholder="结束日期"
  align="right"
  @change="handSolveTime"
  value-format="yyyy-MM-dd HH:mm:ss"
></el-date-picker>
return{
pickerOptions: {
        shortcuts: [
          {
            text: "今天",
            onClick(picker) {
              const start = new Date(
                new Date(new Date().toLocaleDateString()).getTime()
              );
              const end = new Date(
                new Date(new Date().toLocaleDateString()).getTime() +
                  24 * 60 * 60 * 1000 -
                  1
              );
              picker.$emit("pick", [start, end]);
            }
          },
          {
            text: "昨天",
            onClick(picker) {
              const start = new Date(
                new Date(new Date().toLocaleDateString()).getTime() -
                  24 * 60 * 60 * 1000
              );
              const end = new Date(
                new Date(new Date().toLocaleDateString()).getTime() - 1
              );
              picker.$emit("pick", [start, end]);
            }
          },
          {
            text: "最近一周",
            onClick(picker) {
              const start = new Date(
                new Date(new Date().toLocaleDateString()).getTime() +
                  24 * 60 * 60 * 1000
              );
              const end = new Date(
                new Date(new Date().toLocaleDateString()).getTime() +
                  24 * 60 * 60 * 1000 -
                  1
              );
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
              picker.$emit("pick", [start, end]);
            }
          },
          {
            text: "最近一个月",
            onClick(picker) {
              const start = new Date(
                new Date(new Date().toLocaleDateString()).getTime()
              );
              const end = new Date(
                new Date(new Date().toLocaleDateString()).getTime() +
                  24 * 60 * 60 * 1000 -
                  1
              );
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
              picker.$emit("pick", [start, end]);
            }
          }
        ]
      },
     }

// 解决时间
    handSolveTime(value) {
      if (value) {
        this.ticketOrder.solveTimeStart = value[0];
        value[1] = value[1].replace("00:00:00", "23:59:59");
        this.ticketOrder.solveTimeEnd = value[1];
      } else {
        this.ticketOrder.solveTimeStart = this.ticketOrder.solveTimeEnd = "";
      }
    },
发布了109 篇原创文章 · 获赞 91 · 访问量 33万+

猜你喜欢

转载自blog.csdn.net/qq_36410795/article/details/100085063