element-ui---->日期時間插件的限定范圍和值的格式

  <el-form-item label="開始時間:">
          <el-date-picker
            v-model="listQuery.startDate"
            type="datetime"
            placeholder="選擇日期時間"
            format="yyyy-MM-dd HH:mm:ss"
            value-format="yyyy-MM-dd HH:mm:ss"
            :picker-options="pickerOptionsStart"
            default-time="00:00:00"
          />
        </el-form-item>
        <el-form-item label="結束時間:">
          <el-date-picker
            v-model="listQuery.endDate"
            type="datetime"
            placeholder="選擇日期時間"
            format="yyyy-MM-dd HH:mm:ss"
            value-format="yyyy-MM-dd HH:mm:ss"   
            :picker-options="pickerOptionsEnd"
            default-time="23:59:59"
          />
        </el-form-item>
<!-- 兩個單個的日期時間選則器 --!>

value-format：用來轉換日期格式

default-time：用來設定默認時間

:picker-options：用來限定前后兩個日期選擇范圍問題---》前一個日期限定之后，后一個不能再選之前的----》data中參數寫法

　　　　pickerOptionsStart: {
        disabledDate: time => {
          if (this.listQuery.endDate) {
            return time.getTime() > new Date(this.listQuery.endDate).getTime()
          }
        }
      },
      pickerOptionsEnd: {
        disabledDate: time => {
          if (this.listQuery.startDate) {
            return time.getTime() < new Date(this.listQuery.startDate).getTime()
          }
        }
      }

將以這兩個綁定的參數放入data中即可實現

點擊日期輸入框里面的清除按鈕之后，這是綁定的數據就是null了，需要注意