vue 接时间变量只显示年月日

你可以使用 moment.js 库来格式化时间，具体代码如下：

<template>
  <div>{{ formatDate(date) }}</div>
</template>

<script>
import moment from 'moment';

export default {
  data() {
    return {
      date: '2021-10-01T12:34:56.789Z',
    };
  },
  methods: {
    formatDate(date) {
      return moment(date).format('YYYY年MM月DD日');
    },
  },
};
</script>

这里的 `date` 变量是一个 ISO 8601 格式的时间字符串，你可以根据实际情况进行修改。`formatDate` 方法使用 moment.js 库来将时间格式化为年月日的形式。

相关问题

vue获取当前时间年月日

### 回答1：
你可以使用 JavaScript 的 Date 对象来获取当前时间，然后使用 Vue 绑定数据的方式将其显示在页面上。以下是一个简单的示例：

HTML 代码：

<div>
  <p>当前时间：</p>
  <p>{{ currentDate }}</p>
</div>

Vue 实例代码：

new Vue({
  el: '#app',
  data: {
    currentDate: ''
  },
  mounted() {
    setInterval(() => {
      const date = new Date();
      const year = date.getFullYear();
      const month = (date.getMonth() + 1).toString().padStart(2, '0');
      const day = date.getDate().toString().padStart(2, '0');
      this.currentDate = `${year}-${month}-${day}`;
    }, 1000);
  }
})

在上面的示例中，我们定义了一个名为 `currentDate` 的数据属性，并在 `mounted` 钩子函数中使用 `setInterval` 方法每秒更新一次该属性的值。在更新时，我们使用 JavaScript 的 `Date` 对象获取当前时间，然后将年月日格式化后赋值给 `currentDate`，最后在页面上显示出来。

### 回答2：
在Vue中，可以使用JavaScript内置的Date对象来获取当前时间的年、月、日。

<template>
  <div>
    <p>当前时间：{{ currentDate }}</p>
    <p>年：{{ currentYear }}</p>
    <p>月：{{ currentMonth }}</p>
    <p>日：{{ currentDay }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentDate: '',
      currentYear: '',
      currentMonth: '',
      currentDay: ''
    };
  },
  mounted() {
    this.getCurrentDate();
  },
  methods: {
    getCurrentDate() {
      const date = new Date();
      this.currentDate = date.toLocaleString();
      this.currentYear = date.getFullYear();
      this.currentMonth = date.getMonth() + 1;
      this.currentDay = date.getDate();
    }
  }
};
</script>

在上述示例中，通过在mounted钩子函数中调用getCurrentDate方法来获取当前时间的年、月、日。在该方法内，首先定义一个新的Date对象，然后使用toLocaleString()方法将其转换为字符串，并将结果赋给currentDate。接着，使用getFullYear()方法获取当前年份，并使用getMonth()和getDate()方法获取当前月份和日期，并将结果赋给currentYear、currentMonth和currentDay变量。这样，就可以在模板中通过双花括号语法将获取到的年、月、日显示出来。

### 回答3：
在Vue中获取当前时间的年、月、日可以使用JavaScript的Date对象来实现。

1. 首先，在Vue组件的data选项中定义一个变量用于存储当前时间：

data() {
  return {
    currentDate: null
  }
},

2. 在Vue的created钩子函数中获取当前时间并设置给currentDate变量：

created() {
  this.currentDate = new Date();
},

3. 接着，使用currentDate变量来访问年、月、日：

<p>当前年份：{{ currentDate.getFullYear() }}</p>
<p>当前月份：{{ currentDate.getMonth() + 1 }}</p>
<p>当前日期：{{ currentDate.getDate() }}</p>

以上代码中，通过调用Date对象的getFullYear()、getMonth()和getDate()方法，分别获取年份、月份（注意需要加1，因为月份是从0开始计算的）和日期。

这样就可以在Vue模板中展示当前时间的年、月、日了。

vue获取当前时间年月日星期

在Vue中获取当前时间的年、月、日和星期可以使用JavaScript的Date对象和Vue的data属性。你可以在Vue组件的data属性中定义一个变量来存储当前时间，然后使用Date对象的方法来获取年、月、日和星期。以下是一个示例代码：

export default {
  data() {
    return {
      nowDate: "", // 当前日期
      nowWeek: "", // 当前星期
    };
  },
  mounted() {
    this.getNowDate();
    this.getNowWeek();
  },
  methods: {
    getNowDate() {
      const now = new Date();
      const year = now.getFullYear();
      const month = now.getMonth() + 1;
      const date = now.getDate();
      this.nowDate = `${year}-${month}-${date}`;
    },
    getNowWeek() {
      const weeks = ['周日', '周一', '周二', '周三', '周四', '周五', '周六'];
      const now = new Date();
      const week = now.getDay();
      this.nowWeek = weeks[week];
    },
  },
};

以上代码中，通过mounted生命周期钩子函数，在组件加载后调用getNowDate和getNowWeek方法来获取当前日期和星期，并将结果赋值给data属性中的相应变量。