增加时间限制

增加时间限制

src/views/advertise/advertiseList.vue

@@ -106,14 +106,30 @@
                     </el-form-item>
                     <el-form-item label="持续时间:" prop="">
                         <el-col :span="11">
-                            <el-date-picker v-model="ruleForm.startTime" type="datetime" disabled placeholder="选择日期时间">
+                            <!-- <el-date-picker v-model="ruleForm.startTime" type="datetime" placeholder="选择日期时间">
+                            </el-date-picker> -->
+                            <el-date-picker 
+                                v-model="ruleForm.startTime" 
+                                type="datetime" 
+                                placeholder="选择日期时间"
+                                format="yyyy-MM-dd HH:00:00"
+                                value-format="yyyy-MM-dd HH:00:00"
+                                :picker-options="startTimeOptions">
                             </el-date-picker>
                         </el-col>
                         <el-col :span="2" class="zhi">
                             至
                         </el-col>
                         <el-col :span="11">
-                            <el-date-picker v-model="ruleForm.endTime" type="datetime" disabled placeholder="选择日期时间">
+                            <!-- <el-date-picker v-model="ruleForm.endTime" type="datetime" placeholder="选择日期时间">
+                            </el-date-picker> -->
+                            <el-date-picker 
+                                v-model="ruleForm.endTime" 
+                                type="datetime" 
+                                placeholder="选择日期时间"
+                                format="yyyy-MM-dd HH:00:00"
+                                value-format="yyyy-MM-dd HH:00:00"
+                                :picker-options="endTimeOptions">
                             </el-date-picker>
                         </el-col>
                     </el-form-item>
@@ -228,13 +244,9 @@ export default {
             dialogName: '编辑', //编辑弹窗名称
             dialogFormVisible: false,     //审核弹框
             dialogVisible: false,  //示例图弹窗
-
             form: {},  //审核状态的ref属性名称
-
             tableData: [],//表格数据
-
             ad_img: 'http://183.131.25.186:9501/image/20250102/1735810611310322.png', //广告图
-
             // 搜索框相关
             order_code: '', //工单编号 
             order_status: '',//订单状态
@@ -264,23 +276,17 @@ export default {
                     label: '已完成'
                 }
             ],
-
             //活动id
             activeid: "",
-
             // 分页相关
             page: 1,
             pageSize: 10,
             total: 0,
-
             orderads: [],
-
             // 审核弹窗相关
             status_radio: "",   //审核状态
             textarea: '',    //驳回原因
-
             formLabelWidth: '',
-
             ruleForm: {
                 name: '', //广告名称
                 ad_url: '', //广告网址
@@ -300,7 +306,19 @@ export default {
                 price: [
                     { required: true, message: '请输入要修改的价格', trigger: 'change' }
                 ]
-            }
+            },
+            //时间选择器
+            //日期选择器方法
+            startTimeOptions: {
+                disabledDate(time) {
+                    return time.getTime() < Date.now() - 8.64e7; // 禁用今天之前的日期
+                }
+            },
+            endTimeOptions: {
+                disabledDate(time) {
+                    return time.getTime() < Date.now() - 8.64e7; // 禁用今天之前的日期
+                }
+            },
         }
     },
     methods: {
@@ -567,6 +585,7 @@ export default {
             let data = new FormData()
             data.append('id', this.activeid)
             data.append('price', total.toFixed(2))
+
             editOrderAdmin(data).then(data => {
                 console.log(data);
                 if (data.code == 200) {
@@ -589,7 +608,6 @@ export default {
         cancelForm() {
             this.dialogTableVisible = false
         },
-
     },
     mounted() {
         this.getData()