时间选择器_代码007

本文介绍: 【代码】时间选择器。

            &lt;el-form-item label="时间范围"&gt;
              &lt;!-- &lt;el-date-picker size="small"
                              v-model="createTime"
                              type="daterange"
                              range-separator="至"
                              start-placeholder="请输入起始创建时间"
                              end-placeholder="请输入终止创建时间"
                              @change="setSearchDate"
                              value-format="timestamp"&gt;
              &lt;/el-date-picker> -->
                  <el-date-picker
                    v-model="createTime"
                    type="datetimerange"
                    align="right"
                    unlink-panels
                    range-separator="至"
                    start-placeholder="请输入起始创建时间"
                    end-placeholder="请输入终止创建时间"
                    :picker-options="pickerOptions"
                    size="small"
                    value-format="timestamp"
                    @change="setSearchDate"
                    :default-time="['00:00:00', '23:59:59']"
                  >
                  </el-date-picker>
            </el-form-item>

        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]);
            }
          }]
        },
        time:[],
        search: {
          createTime: undefined,
          endTime: undefined,
          startTime: undefined,
        },
        endTime:undefined,
        createTime: undefined,
        startTime: undefined,

       /**
       *@description 将搜索的时间改成字符串传输
       */
      setSearchDate(value) {
        if (!validatenull(value)) {
          this.time = value.join(',').split(",");
          this.search.startTime = this.time[0];
          this.search.endTime = this.time[1];
        } else {
          this.search.startTime = undefined
          this.search.endTime =undefined
        }
      },