起止时间回显问题

src/views/using/query.vue

@@ -174,7 +174,7 @@
                         </div>
                         <div class="hc-info-text-item">
                             <div class="title">起止日期：</div>
-                            <div class="content" v-if="fileInfo.endDate!==''||fileInfo.startDate!==''">{{ fileInfo.endDate+"~"+ fileInfo.startDate}}</div>
+                            <div class="content" v-if="fileInfo?.endDate!==''||fileInfo?.startDate!==''">{{ splitDate(fileInfo?.startDate)+"~"+  splitDate(fileInfo?.endDate)}}</div>
                             <div class="content" v-else></div>
                         </div>
                         <div class="hc-info-text-item">
@@ -331,7 +331,11 @@ onMounted(() => {
     setMonths()
     getTableData()
 })
-
+//截取日期
+const splitDate=(val)=>{
+    
+    return val.substring( 0,10)
+}
 //处理数据
 const rowsToArr = (rows) => {
     let newArr = [];