vue 以某个时间间隔获取时间段数组

vue 以某个时间间隔获取时间段数组

<template>
  <div class="">

  </div>
</template>

<script>
export default {
  name: "",
  data() {
    return {
      timeArr: [],
      arr = []
    };
  },
  components: {},
  methods: {
    timeSlot(step) {
      var date = new Date();
      date.setHours(0); // 时分秒设置从零点开始
      date.setSeconds(0);
      date.setUTCMinutes(0);

      var slotNum = (24 * 60) / step; // 算出多少个间隔
      for (var f = 0; f < slotNum; f++) {
        //  stepM * f = 24H*60M
        // this.arr.push(new Date(Number(date.getTime()) + Number(step*60*1000*f)))   //  标准时间数组
        var time = new Date(
          Number(date.getTime()) + Number(step * 60 * 1000 * f)
        ); // 获取：零点的时间 + 每次递增的时间
        var hour = "",
          sec = "";
        time.getHours() < 10
          ? (hour = "0" + time.getHours())
          : (hour = time.getHours()); // 获取小时
        time.getMinutes() < 10
          ? (sec = "0" + time.getMinutes())
          : (sec = time.getMinutes()); // 获取分钟
        this.timeArr.push(hour + ":" + sec + ":00");
      }
    },
  },
  mounted() {
    // 30分钟间隔
    this.timeSlot(30)
  }
};
</script>

<style lang=''>
</style>