feat：区分课程开始时间结束时间

src/views/ManagePage/ManagePage.vue

@@ -209,9 +209,12 @@
           <el-input class="course-form-item" v-model="form.description" placeholder="请输入课程简介"
                     type="textarea" :autosize="{minRows: 3}"></el-input>
         </el-form-item>
-        <el-form-item label="课程时间" prop="time">
-          <el-date-picker v-model="form.courseTime" range-separator="至"
-                          start-placeholder="开始时间" end-placeholder="结束时间" type="datetimerange">
+        <el-form-item label="开始时间" prop="startTime">
+          <el-date-picker v-model="form.courseTime[0]" start-placeholder="开始时间" type="datetime">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="结束时间" prop="endTime">
+          <el-date-picker v-model="form.courseTime[1]" type="datetime">
           </el-date-picker>
         </el-form-item>
         <el-form-item label="课程邀请码" prop="invitationCode">
@@ -562,6 +565,28 @@ export default {
         description: {
           required: true, message: "请输入课程简介", trigger: "blur",
         },
+        startTime: {
+          required: true, message: "请输入开始时间", trigger: "change",
+          validator: (_, value, callback) => {
+            const startTime = this.form.courseTime[0];
+            if (!startTime) {
+              callback(new Error("请先选择开始时间"));
+            } else {
+              callback();
+            }
+          },
+        },
+        endTime: {
+          required: true, message: "请输入结束时间", trigger: "change",
+          validator: (_, value, callback) => {
+            const endTime = this.form.courseTime[1];
+            if (!endTime) {
+              callback(new Error("请输入结束时间"));
+            } else {
+              callback();
+            }
+          },
+        },
         time: {
           required: true, validator: validateTime, trigger: "blur",
         },