vue 对时间选择器进行时间加减

<template>

  <div>

    <div style="color: red" @click="minus">-</div>

    <el-date-picker

      v-model="FullTime"

      type="date"

      placeholder="选择日期时间"

      align="right"

      dateFormat="yyyy-MM-dd"

      minView="month"

      :default-tieme="['00:00:00', '23:59:59']"

      ref="saveDateInput"

      :picker-options="setFulltime"

    >

    </el-date-picker>

    <div style="color: red" @click="addTime">+</div>

  </div>

</template>

<script>

export default {

  data() {

    return {

      FullTime: "",

      setFulltime: {

        disabledDate(time) {

          return time.getTime() > Date.now(); // 可选历史天、可选当前天、不可选未来天

        },

      },

    };

  },

  methods: {

    //时光减去一天

    minus() {

      var d = new Date(this.FullTime);

      d.setDate(d.getDate() - 1);

      var month = d.getMonth() + 1;

      var day = d.getDate();

      if (month < 10) {

        day + "0" + day;

      }

      var val = d.getFullYear() + "-" + month + "-" + day;

      this.FullTime = val;

    },

    //时光增加一天

    addTime() {

      var d = new Date(this.FullTime);

      d.setDate(d.getDate() + 1);

      var month = d.getMonth() + 1;

      var day = d.getDate();

      if (month < 10) {

        day + "0" + day;

      }

      var val = d.getFullYear() + "-" + month + "-" + day;

      this.FullTime = val;

    },

  },

};

</script>

<style>

</style>