vue 左右箭头切换日期方法

可以使用第三方库moment和vuejs-datepicker实现左右箭头切换日期的功能。

首先需要安装moment和vuejs-datepicker：

npm install moment vuejs-datepicker

然后在组件中引入并使用：

<template>
  <div>
    <datepicker v-model="date" :format="dateFormat"></datepicker>
    <div>
      <button @click="previousDay"><</button>
      <button @click="nextDay">></button>
    </div>
  </div>
</template>

<script>
import moment from 'moment';
import Datepicker from 'vuejs-datepicker';

export default {
  components: {
    Datepicker,
  },
  data() {
    return {
      date: moment(),
      dateFormat: 'YYYY-MM-DD',
    };
  },
  methods: {
    previousDay() {
      this.date.subtract(1, 'days');
    },
    nextDay() {
      this.date.add(1, 'days');
    },
  },
};
</script>

在上面的代码中，我们使用了moment库来处理日期，并且使用了vuejs-datepicker组件来显示日期。左右箭头的切换日期功能通过previousDay和nextDay方法实现，分别调用moment库的subtract和add方法来进行日期的加减操作。