<el-form-item style="margin-bottom: 0px" label="選擇時(shí)間">
              <el-date-picker
                v-model="dataTime"
                align="right"
                type="datetimerange"
                range-separator="至"
                format="yyyy-MM-dd"
                value-format="yyyy-MM-dd"
                start-placeholder="開(kāi)始日期"
                end-placeholder="結(jié)束日期"
                :default-value="timeDefaultShow"
                :picker-options="pickerOptions"
              >
              </el-date-picker>
</el-form-item>

<script>
	export default {
		data(){
			return{
				dataTime: [],
				pickerOptions: {
			        onPick: ({ maxDate, minDate }) => {
			          this.pickerMinDate = minDate.getTime();
			          if (maxDate) {
			            this.pickerMinDate = "";
			          }
			        },
			        disabledDate: (time) => {
			          if (this.pickerMinDate) {
			            const limitRange = 31 * 24 * 3600 * 1000; // 31天范圍內(nèi)可選
			            let maxTime = this.pickerMinDate + limitRange;
			            let minTime = this.pickerMinDate - limitRange;
			            return (
			              time.getTime() > maxTime ||
			              time.getTime() < minTime ||
			              time.getTime() > Date.now() - 1 * 24 * 3600 * 1000
			            );
			          } else {
			            return time.getTime() > Date.now() + 0 * 24 * 3600 * 1000;
			          }
			        },
			        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: "最近一個(gè)月",
			            onClick(picker) {
			              const end = new Date();
			              const start = new Date();
			              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
			              picker.$emit("pick", [start, end]);
			            },
			          },
			        ],
			    },
			}
		},
		created(){
			const vm = this;
      		vm.timeDefaultShow = new Date();
     		vm.timeDefaultShow.setMonth(new Date().getMonth() - 1);
		},
	}
</script>

圖片展示：