zd 社团活动记录时间限制

ruoyi-ui/src/views/smartSchool/massOrganization/clubActivityRecord/index.vue

@@ -156,6 +156,7 @@
                 type="date"
                 placeholder="选择活动开始时间"
                 style="width: 100%"
+                :picker-options="pickerOptionsStart"
               >
               </el-date-picker>
             </el-form-item>
@@ -169,11 +170,13 @@
                 type="date"
                 placeholder="选择活动结束时间"
                 style="width: 100%"
+                :picker-options="pickerOptionsEnd"
               >
               </el-date-picker>
             </el-form-item>
           </el-col>
         </el-row>
+
         <el-row>
           <el-col :span="24">
             <el-form-item label="活动负责人:" prop="fzr">
@@ -362,6 +365,22 @@ export default {
       //查看状态
       check: false,
       file: "",
+      // 开始结束日期限制
+      pickerOptionsStart: {
+        disabledDate: (time) => {
+          if (this.form.endTime) {
+            return time.getTime() >= new Date(this.form.endTime).getTime();
+          }
+        },
+      },
+      // 结束日期限制
+      pickerOptionsEnd: {
+        disabledDate: (time) => {
+          if (this.form.beginTime) {
+            return time.getTime() <= new Date(this.form.beginTime).getTime();
+          }
+        },
+      },
     };
   },
   created() {
@@ -376,6 +395,7 @@ export default {
       },
     },
   },
+
   methods: {
     //是否删除 选中值发生变化时id处理函数
     selectChangeHandler(value) {