代码提交

src/views/query/deviceHealth/index.vue

@@ -39,7 +39,7 @@
                   inactive-text="18点"
                   @change="changePoints"
                 />
-                <el-date-picker style="margin-left: 10px" v-model="singleTime" type="date" placeholder="请选择" @change="changeTime" />
+                <el-date-picker style="margin-left: 10px" v-model="singleTime" type="date" placeholder="请选择"  :disabled-date="disabledDate" @change="changeTime" />
                 <!-- 减少一天 -->
                 <el-button style="margin: 0 5px" @click="decreaseDay" icon="ArrowLeft"></el-button>
                 <!-- 增加一天 -->
@@ -901,6 +901,11 @@ const increaseDay = () => {
   }
 };
 
+const disabledDate = (time) => {
+  const today = new Date();
+  today.setHours(0, 0, 0, 0); // 将今天的时间设置为 00:00:00
+  return time.getTime() > today.getTime();
+};
 
 </script>
 

src/views/query/hazardousWeather/index.vue

@@ -25,6 +25,7 @@
                 placeholder="选择日期"
                 @change="changeBeginTime"
                 :clearable="false"
+                :disabled-date="disabledDate"
               >
               </el-date-picker>
               <!-- 减少一天 -->
@@ -127,6 +128,12 @@ const changeBeginTime = (value: Date | string | null) => {
   getList()
 };
 
+const disabledDate = (time) => {
+  const today = new Date();
+  today.setHours(0, 0, 0, 0); // 将今天的时间设置为 00:00:00
+  return time.getTime() > today.getTime();
+};
+
 const tact_state =ref(0)
 
 const decreaseDay = () => {

src/views/query/queryObservationData/index.vue

@@ -28,10 +28,10 @@
               <!--多选自动站 观测时间-->
               <el-form-item label="观测时间:" v-if="isStand">
                 <el-date-picker v-if="hot" v-model="multiTime" style="margin-left: 10px" type="datetime"
-                                popper-class="tpc" format="YYYY-MM-DD HH" placeholder="选择日期时间" @change="changeMultiTime">
+                                popper-class="tpc" format="YYYY-MM-DD HH" placeholder="选择日期时间" @change="changeMultiTime" :disabled-date="disabledDate" >
                 </el-date-picker>
                 <el-date-picker v-if="!hot" v-model="multiTime" style="margin-left: 10px" type="datetime"
-                                @change="changeMultiTime" format="YYYY-MM-DD HH:mm" placeholder="选择日期时间">
+                                @change="changeMultiTime" format="YYYY-MM-DD HH:mm" placeholder="选择日期时间"  :disabled-date="disabledDate">
                 </el-date-picker>
 
                 <!-- 减少小时或分钟 -->
@@ -44,7 +44,7 @@
               <el-form-item label="观测时间:" v-if="!isStand">
                 <span class="form-item__label2">日界:</span>
                 <el-switch v-model="points" inline-prompt active-text="0点" size="default" inactive-text="18点" @change="changePoints" />
-                <el-date-picker style="margin-left: 10px" v-model="singleTime" type="date" placeholder="请选择" @change="changeTime" />
+                <el-date-picker style="margin-left: 10px" v-model="singleTime" type="date" placeholder="请选择" @change="changeTime" :disabled-date="disabledDate" />
                 <!-- 减少一天 -->
                 <el-button style="margin: 0 5px" @click="decreaseDay" icon="ArrowLeft"></el-button>
                 <!-- 增加一天 -->
@@ -557,7 +557,6 @@ const selectedItems2 = (data) => {
   getList()
 };
 
-
 //重置功能
 const resetQuery = () => {
   initSingle();
@@ -988,6 +987,11 @@ const increaseDay2 = () => {
   }
 };
 
+const disabledDate = (time) => {
+  const today = new Date();
+  return time.getTime() > today.getTime();
+};
+
 </script>
 <style lang="scss" scoped >
 .tpc .el-time-spinner__wrapper {