日期范围的选择

src/pages/recruit/CheckList.vue

@@ -73,12 +73,12 @@
                        class="search-select"
                        v-model="searchShop" />
               <span class="search-span">选择日期</span>
-              <DatePicker v-model="date"
-                          class="left-15 date-picker"
-                          type="date"
-                          placement="bottom-start"
+              <DatePicker :value="selectDate"
+                          type="daterange"
                           split-panels
-                          placeholder="请选择日期"></DatePicker>
+                          placeholder="请选择日期"
+                          @on-change="onChangeDateLister"
+                          class="date-picker"></DatePicker>
               <span class="search-span">零售公司</span>
               <Select v-model="companyId"
                       filterable
@@ -120,12 +120,12 @@
                        class="search-select"
                        v-model="searchShop" />
               <span class="search-span">选择日期</span>
-              <DatePicker v-model="date"
-                          class="left-15 date-picker"
-                          type="date"
-                          placement="bottom-start"
+              <DatePicker :value="selectDate"
+                          type="daterange"
                           split-panels
-                          placeholder="请选择日期"></DatePicker>
+                          placeholder="请选择日期"
+                          @on-change="onChangeDateLister"
+                          class="date-picker"></DatePicker>
               <span class="search-span">零售公司</span>
               <Select v-model="companyId"
                       filterable