修改

src/components/FinancialModule/ticketSearch.vue

@@ -14,9 +14,8 @@
         <li>
           <span>
             <em>日期</em>
-            <el-date-picker class="h34" v-model="transactionDate" @change="timeAdd(3)" type="daterange"
-              value-format="yyyy-MM-dd">
-            </el-date-picker>
+            <el-date-picker class="w150" type="date" v-model="msg.QStartDate" :picker-options="pickerBeginDateBefore" value-format="yyyy-MM-dd" placeholder></el-date-picker>
+            <el-date-picker class="w150" type="date" v-model="msg.QEndDate" :picker-options="pickerBeginDateAfter" value-format="yyyy-MM-dd" placeholder></el-date-picker>
           </span>
         </li>
         <li>
@@ -84,10 +83,25 @@
           pageIndex: 1,
           pageSize: 15
         },
-        transactionDate: [],
         dataList: [],
         currentPage: 1,
-        total: 0
+        total: 0,
+        pickerBeginDateBefore: {
+            disabledDate: time => {
+                if (this.msg.QEndDate == null) {
+                    return false;
+                } else {
+                    let endTime = new Date(this.msg.QEndDate);
+                    return endTime.getTime() < time.getTime();
+                }
+            }
+        },
+        pickerBeginDateAfter: {
+            disabledDate: time => {
+                let startTime = new Date(this.msg.QStartDate);
+                return startTime.getTime() >= time.getTime();
+            }
+        }
       }
     },
     created() {
@@ -110,15 +124,6 @@
           }
         }, err => {})
       },
-      timeAdd(t) { // 日期格式
-        if (!this.transactionDate) {
-          this.msg.QStartDate = '';
-          this.msg.QEndDate = '';
-          return
-        }
-        this.msg.QStartDate = this.transactionDate[0];
-        this.msg.QEndDate = this.transactionDate[1];
-      },
       //翻页
       handleCurrentChange(val) {
         this.msg.pageIndex = val;