怎么使用dayjs在vue3搭配element-plus

Day.js是一个轻量级的时间处理库，非常适合在Vue应用中配合Element Plus使用，因为它提供了简单易用的API和与JavaScript Date对象良好的兼容性。要在Vue 3中结合Day.js和Element Plus，你可以按照以下步骤操作：

1. **安装依赖**：
首先，在项目中安装`dayjs`和`vue-i18n`，如果需要国际化支持。运行以下命令：

   npm install dayjs vue-i18n @element-plus/dayjs_locale zh-cn // 如果你需要中文支持

2. **引入并使用Day.js**：
在`main.ts`或`setup()`函数中导入Day.js并导出其实例，以便在组件中使用：

   import { createApp } from 'vue'
   import ElementPlus from '@element-plus/core'
   import Dayjs from 'dayjs'
   
   const app = createApp(App)
   app.use(ElementPlus)
   
   // 使用默认的语言环境，如果需要特定语言，可以替换为'dz'、'zh-cn'等
   app.config.globalProperties.$dayjs = Dayjs('en') // 或者 'zh-cn'

   // 其他配置...

   app.mount('#app')

3. **在模板中使用Day.js**：
在`.vue`文件中，可以直接使用`$dayjs`作为日期处理工具：

   <template>
     <el-date-picker v-model="selectedDate" type="daterange" placeholder="选择日期范围">
       <span>开始日期</span>
       <span>结束日期</span>
     </el-date-picker>
     <p>当前日期：{{ $dayjs().format('YYYY-MM-DD HH:mm:ss') }}</p>
   </template>

   <script setup>
   import { ref } from 'vue'
   const selectedDate = ref()
   </script>

4. **国际化的支持**：
如果你想使用中文或其他语言，可以在创建Day.js实例时指定相应的语言包，如上例中的`'zh-cn'`。

5.