Vue当前时间的阐述

一、Vue当前时间加30天

假设现在的时间是2022-02-23 10:30:00

  const now = new Date();
  now.setDate(now.getDate() + 30);
  console.log(now);
  //输出时间为2022-03-25T02:30:00.000Z

将当前时间的日期加上30天，可以使用Date对象的setDate方法。

首先，我们需要先获取当前时间new Date()，然后使用setDate方法将日期加上30天即可。

二、Vue当前时间显示控件

我们可以使用Vue中的时间选择器组件来展示当前时间，代码如下：

  
  
  
  <script>
    export default {
      data() {
        return {
          now: new Date().toISOString().slice(0, 16),
        };
      },
    };
  </script>
  

使用input标签中的type属性为datetime-local，可以展示出时间选择器。

可以使用v-model绑定当前时间now，然后使用new Date()来获取当前时间，并使用toISOString方法来将其转换为ISO格式的字符串，最后通过slice方法截取前16位即可。

三、Vue当前时间戳

可以使用Date.now()方法获取当前时间的时间戳，代码如下：

  const now = Date.now();
  console.log(now);

时间戳是一个十进制数，表示从1970年1月1日 00:00:00 UTC（协调世界时）距离当前时间的毫秒数。

四、Vue当前时间格式化

如果需要将时间格式化成指定的字符串格式，可以使用Vue-Filter-Dateformat等日期格式化插件，代码如下：

  // 安装
  npm install vue-filter-dateformat --save-dev
  
  // 引用
  import Vue from 'vue'
  import dateFormat from "vue-filter-dateformat"
  
  Vue.filter("dateFormat", dateFormat);
  
  // 使用
  
{{new Date() | dateFormat("yyyy-MM-dd hh:mm:ss")}}

使用Vue-Filter-Dateformat插件可以非常方便地实现时间格式化。

五、Vue当前时间怎样写

在Vue中获取当前时间可以直接使用JavaScript中的Date对象，代码如下：

  const now = new Date();
  console.log(now);

可以通过new Date()来获取当前时间。

六、Vue当前时间减一天

如果需要将当前时间减少一天，可以使用setDate方法，代码如下：

  const now = new Date();
  now.setDate(now.getDate() - 1);
  console.log(now);
  // 输出时间为2022-02-22T02:30:00.000Z

使用setDate方法将当前时间的日期减一即可。

七、Vue当前时间加俩小时

如果需要将当前时间加上两小时，可以使用setHours方法，代码如下：

  const now = new Date();
  now.setHours(now.getHours() + 2);
  console.log(now);
  // 输出时间为2022-02-23T04:30:00.000Z

使用setHours方法将当前时间的小时数加上两小时即可。

八、Vue当前时间减去以前时间的公式

如果需要计算当前时间和以前时间的时间差，可以使用getTime方法获取时间戳进行计算，代码如下：

  const start = new Date('2022-02-20 10:30:00');
  const end = new Date();
  const diff = end.getTime() - start.getTime();
  console.log(diff);

将当前时间和以前时间分别通过getTime方法获取时间戳，相减即可得到时间差的毫秒数。

九、Vue当前时间减去五分钟

如果需要将当前时间减去五分钟，可以使用setMinutes方法，代码如下：

  const now = new Date();
  now.setMinutes(now.getMinutes() - 5);
  console.log(now);
  // 输出时间为2022-02-23T02:25:00.000Z

使用setMinutes方法将当前时间的分钟数减去五即可。

十、Vue当前时间的年月日时分秒

如果需要选取当前时间的年月日时分秒，可以使用getFullYear、getMonth、getDate、getHours、getMinutes和getSeconds方法，代码如下：

  const now = new Date();
  const year = now.getFullYear();
  const month = now.getMonth() + 1;
  const date = now.getDate();
  const hours = now.getHours();
  const minutes = now.getMinutes();
  const seconds = now.getSeconds();
  console.log(`${year}-${month}-${date} ${hours}:${minutes}:${seconds}`);
  // 输出时间为2022-02-23 10:30:00

使用getFullYear、getMonth、getDate、getHours、getMinutes和getSeconds方法获取对应的年月日时分秒。