el-date-picker 国际化中英互换

`el-date-picker` 是 Element UI 中的一个日期选择器组件，它提供了丰富的功能和良好的用户体验。在国际化设置中，如果你想让日期选择器支持英语和其他语言之间的切换，特别是中英文互换，你可以按照以下步骤操作：

1. 首先，在你的项目中安装 Element UI 和它的国际化插件（如果尚未安装）：

   npm install element-ui --save
   npm install vue-i18n --save

2. 安装中文和英文语言包：

   npm install element-ui-lang zh-cn --save

3. 在你的项目中配置 `vue-i18n`，创建一个 `i18n.js` 或者相应的配置文件：

   import Vue from 'vue'
   import VueI18n from 'vue-i18n'
   import zhCN from 'element-ui/lib/locale-zh-CN'
   import en from 'element-ui/lib/locale/en'

   Vue.use(VueI18n)

   const i18n = new VueI18n({
     locales: [zhCN, en], // 初始化两个语言
     default: zhCN, // 设置默认语言为中国
     messages: { // 对应的语言映射
       zhCN: zhCN.messages,
       en: en.messages,
     },
   })

   export default i18n

4. 在 Vue 实例中注册并使用国际化插件：

   new Vue({
     el: '#app',
     i18n,
     // ... 其他配置
     components: { ElDatePicker },
     // 使用 `this.$i18n.t()` 来动态切换语言，例如：
     methods: {
       toggleLanguage() {
         this.$i18n.locale = this.$i18n.locale === 'zh-CN' ? 'en' : 'zh-CN';
         // 重新渲染页面以应用新的语言设置
         this.$nextTick(() => {
           this.$refs.datePicker && this.$refs.datePicker.clearValidate();
         });
       },
     },
     mounted() {
       // 初始加载时切换到中文或其他你想要的语言
       this.toggleLanguage();
     }
   })

5. 现在，你可以通过调用 `toggleLanguage` 方法或者在组件内部使用 `v-lang` 属性来切换日期选择器的显示语言。