编辑页面日期选择器汉化

src/main.js

@@ -23,7 +23,8 @@ import {
   ElSkeleton,
   ElSkeletonItem,
   ElBreadcrumb,
-  ElAffix
+  ElAffix,
+  ElConfigProvider
   // 其他需要的组件
 } from 'element-plus'
 
@@ -67,6 +68,8 @@ app.use(ElMessage)
 app.use(ElBreadcrumb)
 app.use(ElAffix)
 
+app.use(ElConfigProvider)
+
 app.use(lazyPlugin)
 
 app.use(store).use(router).use(Axios)

src/views/edit.vue

@@ -66,9 +66,11 @@
                         <div class="modeTwo-item flexcenter" :class="{ 'pitch': info['leasetime'] == 0 }" ref="leasetime"
                             @click="setValue('leasetime', 0)">随时</div>
                         <div class="modeTwo-item flexacenter" :class="{ 'pitch': info['leasetime'] }" ref="leasetime">
-                            <el-date-picker prefix-icon="" clear-icon="" :disabled-date="disabledDate"
+                            <el-config-provider :locale="locale">
-                                v-model="info.leasetime" type="date" placeholder="选择日期" :locale="locale"></el-date-picker>
+                                <el-date-picker prefix-icon="" clear-icon="" :disabled-date="disabledDate"
-                                <!-- {{  locale  }} -->
+                                    v-model="info.leasetime" type="date" placeholder="选择日期"></el-date-picker>
+                            </el-config-provider>
+                            <!-- {{  locale  }} -->
                             <img class="arrows-icon rotate0" src="@/assets/img/edit/arrows.svg" />
                             <img class="arrows-icon-pitch rotate0" src="@/assets/img/edit/blue-arrow.svg" />
                         </div>
@@ -677,7 +679,7 @@ export default {
     name: 'ZufangEdit',
     data() {
         return {
-            locale: zhCn.el.datepicker,
+            locale: zhCn,
             value: '',
             user: {},
             userIntermediary: 0, // 用户是否是 认证中介，需要全局获取