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 = "";
      }
    },