vue 查询日期设置

      <el-form-item label="出版日期" size="mini" prop="publicationdate">
        <el-date-picker
          v-model="searchWhere.publicationdate"
          style="width:250px"
          type="daterange"
          align="right"
          unlink-panels
          range-separator="至"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :picker-options="pickerOptions"
        ></el-date-picker>
      </el-form-item>

      searchWhere: {
        id:null,
        bookName: "",
        press: "",
        bookType: "",
        publicationdate: ""
      },

pickerOptions: {
        shortcuts: [
          {
            text: "最近一周",
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
              picker.$emit("pick", [start, end]);
            }
          },
          {
            text: "最近一个月",
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
              picker.$emit("pick", [start, end]);
            }
          },
          {
            text: "最近三个月",
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
              picker.$emit("pick", [start, end]);
            }
          }
        ]
      }

 

 

      <el-form-item label="出版日期" size="mini" prop="publicationdate">

        <el-date-picker

          v-model="searchWhere.publicationdate"

          style="width:250px"

          type="daterange"

          align="right"

          unlink-panels

          range-separator="至"

          start-placeholder="开始日期"

          end-placeholder="结束日期"

          :picker-options="pickerOptions"

        ></el-date-picker>

      </el-form-item>