优化时间选择器

src/views/guildOperationManagement/diamondFlow.vue

@@ -18,7 +18,7 @@
       ></el-input>
     </div>
     <!-- 时间选择器 -->
-    <div class="inquire">
+    <!-- <div class="inquire">
       <div class="block">
         <span class="demonstration">日期</span>
         <el-date-picker
@@ -30,7 +30,22 @@
         >
         </el-date-picker>
       </div>
+    </div> -->
+    <div class="inquire">
+      <div class="block">
+        <span class="demonstration">开始时间</span>
+        <el-date-picker v-model="inquire.time[0]" type="date" placeholder="开始时间">
+        </el-date-picker>
       </div>
+    </div>
+    <div class="inquire">
+      <div class="block">
+        <span class="demonstration">结束时间</span>
+        <el-date-picker v-model="inquire.time[1]" type="date" placeholder="结束时间">
+        </el-date-picker>
+      </div>
+    </div>
+
     <!-- 查询按钮 -->
     <el-button class="primary but" type="primary" @click="getData()"
       >查询</el-button
@@ -41,7 +56,7 @@
       @click="
         inquire.guildId = '';
         inquire.guildBoosId = '';
-        inquire.time = '';
+        inquire.time = [];
         getData();
       "
       >重置查询</el-button
@@ -99,7 +114,7 @@ export default {
       inquire: {
         guildId: "",
         guildBoosId: "",
-        time: "",
+        time: [],
       },
       // 表格
       tableData: [],
@@ -122,8 +137,8 @@ export default {
       let startTime = "";
       let endTime = "";
       if (time && time.length > 0) {
-        startTime = dateFormat(this.inquire.time[0], "yyyy-MM-dd hh:mm:ss");
+        startTime = dateFormat(this.inquire.time[0], "yyyy-MM-dd");
-        endTime = dateFormat(this.inquire.time[1], "yyyy-MM-dd hh:mm:ss");
+        endTime = dateFormat(this.inquire.time[1], "yyyy-MM-dd");
       }
       diamondStatistics({
         guildId: this.inquire.guildId,