订单管理变更交期

src/HDrpManagement/orderManage/details/tabs/changeOrderMx.vue

@@ -74,9 +74,11 @@
                 size="mini"
                 style="width: 150px"
                 v-model="scope.row.newdeliverydate"
+                @focus="DateFocus(scope.row.deliverydate)"
                 format="yyyy-MM-dd"
                 value-format="yyyy-MM-dd"
                 type="date"
+                :picker-options="pickerOptions"
                 placeholder="选择日期">
             </el-date-picker>
           </template>
@@ -109,16 +111,32 @@
 export default {
   props:['data','tableData'],
   data () {
+    let that = this
     return {
+      pickerOptions:{
+        disabledDate(time){
+          let newDate = new Date(that.deliverydate)
+          newDate = newDate.getFullYear() + '-' + (newDate.getMonth() + 1) + '-' + newDate.getDate()
+          let newTime = time.getFullYear() + '-' + (time.getMonth() + 1) + '-' + time.getDate()
+          if (time < new Date(new Date().getTime() - 24 * 60 * 60 * 1000 ) || newTime === newDate) {
+            return true; // 禁用日期
+          }
+          return false; // 可选日期
+        }
+      },
       formLabelWidth:'80px',
       listData:[],
       dialogVisible:false,
       form:{
         qty:''
-      }
+      },
+      deliverydate:''
     }
   },
   methods:{
+    DateFocus(val){
+      this.deliverydate = val
+    },
     onShow () {
       this.listData = this.tableData.map(e=>{
         e.newvalue = ''