vue 中常用 时间格式转化方式

在Vue中，你可以使用第三方库如moment.js或day.js来进行时间的格式化。这些库提供了丰富的日期和时间处理功能，包括格式化、解析、计算等。

以下是使用moment.js和day.js两个库的示例：

1. 使用moment.js进行时间格式化： 首先，安装moment.js库：

   npm install moment

   然后，在Vue组件中引入moment.js并使用它来格式化时间：

   import moment from 'moment';
   
   export default {
     data() {
       return {
         date: new Date()
       };
     },
     computed: {
       formattedDate() {
         return moment(this.date).format('YYYY-MM-DD HH:mm:ss');
       }
     }
   };
   

   在上面的示例中，我们使用moment函数将日期对象转换为moment对象，并使用format方法指定所需的时间格式。

2. 使用day.js进行时间格式化： 首先，安装day.js库：

   npm install dayjs

   然后，在Vue组件中引入day.js并使用它来格式化时间：

   import dayjs from 'dayjs';
   
   export default {
     data() {
       return {
         date: new Date()
       };
     },
     computed: {
       formattedDate() {
         return dayjs(this.date).format('YYYY-MM-DD HH:mm:ss');
       }
     }
   };
   

   在上面的示例中，我们使用dayjs函数将日期对象转换为dayjs对象，并使用format方法指定所需的时间格式。

   无论你选择使用moment.js还是day.js，都需要在Vue组件中引入相应的库，并根据需要使用其提供的方法来格式化时间。