vue 获取当前时间

获取当前时间：

​
获取当前时间：

<template>
  <div id="home">
    <span class="deadline">截止{{ gettime }}</span>
  </div>
</template>

<script>
export default {
  name: "Home",
  data() {
    return {
      gettime: "", //当前时间
    };
  },
  mounted() {
    this.created();
  },
  methods: {
    getTime: function () {
      var _this = this;
      let yy = new Date().getFullYear();
      var mm =
        new Date().getMonth() < 10
          ? "0" + (new Date().getMonth() + 1)
          : new Date().getMonth() + 1;
      var dd =
        new Date().getDate() < 10
          ? "0" + new Date().getDate()
          : new Date().getDate();
      let hh = new Date().getHours();
      let mf =
        new Date().getMinutes() < 10
          ? "0" + new Date().getMinutes()
          : new Date().getMinutes();
      let ss =
        new Date().getSeconds() < 10
          ? "0" + new Date().getSeconds()
          : new Date().getSeconds();
      _this.gettime = yy + "-" + mm + "-" + dd + " " + hh + ":" + mf + ":" + ss;
    },
    currentTime() {
      setInterval(this.getTime, 500);
    },
   
  },
  created() {
      this.currentTime();
    },
};
</script>

<style scoped>
</style>

获取当前日期：

<template>
  <div id="home">
    <span class="deadline">当前日期{{ sendTime }}</span>
  </div>
</template>

<script>
export default {
  name: "Home",
  data() {
    return {
      sendTime: "", //当前时间
    };
  },
  mounted() {
    this.format();
  },
  methods: {
      format() {
                    const nowDate = new Date();
                    const date = {
                        year: nowDate.getFullYear(),
                        month: nowDate.getMonth() + 1,
                        date: nowDate.getDate(),
                    }
                    const newmonth = date.month > 10 ? date.month : '0' + date.month
                    const day = date.date > 10 ? date.date : '0' + date.date
                    this.sendTime = date.year + '.' + newmonth + '.' + day

                }, //获取当前时间
   
  },
};
</script>

<style scoped>
</style>

 

 

​

获取当前日期：

<template>
  <div id="home">
    <span class="deadline">当前日期{{ sendTime }}</span>
  </div>
</template>

<script>
export default {
  name: "Home",
  data() {
    return {
      sendTime: "", //当前时间
    };
  },
  mounted() {
    this.format();
  },
  methods: {
      format() {
                    const nowDate = new Date();
                    const date = {
                        year: nowDate.getFullYear(),
                        month: nowDate.getMonth() + 1,
                        date: nowDate.getDate(),
                    }
                    const newmonth = date.month > 10 ? date.month : '0' + date.month
                    const day = date.date > 10 ? date.date : '0' + date.date
                    this.sendTime = date.year + '.' + newmonth + '.' + day

                }, //获取当前时间
   
  },
};
</script>

<style scoped>
</style>