<div>
              <el-col :span="22">
                <el-date-picker
                  style="width: 100%"
                  v-model="createAgentForm.start"
                  type="datetime"
                  value-format="yyyy-MM-dd HH:mm:ss"
                  placeholder="选择开始日期时间"
                  :picker-options="pickerOptionsStart"
                >
                </el-date-picker>
              </el-col>
            </div>
          </el-col>

          <el-col :span="11">
            <div>
              <el-date-picker
                v-model="createAgentForm.end"
                style="width: 100%"
                type="datetime"
                value-format="yyyy-MM-dd HH:mm:ss"
                placeholder="选择结束日期时间"
                :picker-options="pickerOptionsEnd"
              >
              </el-date-picker>
            </div>

  data() {
    return {
      /*  */
      // 开始结束日期限制
      pickerOptionsStart: {
        disabledDate: (time) => {
          if (this.createAgentForm.end) {
            return (
              time.getTime() >= new Date(this.createAgentForm.end).getTime()
            )
          }
        }
      },
      // 结束日期限制
      pickerOptionsEnd: {
        disabledDate: (time) => {
          if (this.createAgentForm.start) {
            return (
              time.getTime() <= new Date(this.createAgentForm.start).getTime()
            )
          }
        }
      },
.......................

温馨提示：如果以上方法尝试过了，问题还没解决的朋友，如果您不嫌弃，欢迎私信联系，我会第一时间与您取得联系，和您一起探讨解决问题！绝不收取任何咨询费用！

关键词搜索优化（与文章无关）：
el-date-picker日期选择器如何设置开始时间不能大于结束时间