Vuejs 获取当年和下一年答案

【问题标题】：Vuejs get current year and following yearVuejs 获取当年和下一年
【发布时间】：2022-02-17 12:59:36
【问题描述】：

我想使用 vuejs 创建一个包含当前日期和明年日期的选择选项

这是我的代码

new Vue ({
  el: '.container',
  methods: {
    getCurrentYear() {
      return new Date().getFullYear();
    }
  }
});
<div class="container">
  <select id="dob">
    <option value="0">Year:</option>
    <option v-for="year in getCurrentYear()" :value="year">{{ year }}</option>
  </select>

感谢您的帮助

【问题讨论】：

标签： date vue.js

【解决方案1】：

new Vue({
  el: '#app',
  
  data: {
    selectedYear: ''
  },
  
  computed: {
    getYears () {
      let currentDate = new Date()
      let currentYear = currentDate.getFullYear()
      let nextyear = currentYear++
      return [currentYear, nextyear]
    }
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>

<div id="app">

  Currently selected year: {{ selectedYear }} <br>

  <select v-model="selectedYear">
    <option value="">select year</option>
    <option
      v-for="(year, i) in getYears"
      :key="i"
      :value="year"
    >
      {{ year }}
    </option>
  </select>

</div>

【讨论】：

【解决方案2】：

如果你想在 lang.js 中使用它，请像这样：

copy_right: "All rights reserved © " + new Date().getFullYear() + " Your Company.",

【讨论】：

【解决方案3】：

<template>
  <div id="app">
    <footer>
      <p>CopyRight - {{currentYear}}</p>
    </footer>
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentYear: new Date().getFullYear(), // 2020
    };
  }
};
</script>

【讨论】：