Js获取当前日期、星期、时间并展示



export default {
  components: {
    mapContainer
  },
  data() {
    return {

    };
  },
  created() {
    this.getTime();

  },
  methouds:{
      getTime() {
      setInterval(function(){
        var date = new Date();
        var y = date.getFullYear();	//获取年份
        var M = date.getMonth()+1;	//获取月份
        //getMonth返回0、1、2、...、11,分别代表1~12月
        var d = date.getDate();	//获取日期
        var w = date.getDay();	//获取星期
        //getDay返回0、1、2、...、6,分别代表周日、周一、...、周六
        switch(w){
          case 1:
            w = '一';
            break;
          case 2:
            w = '二';
            break;
          case 3:
            w = '三';
            break;
          case 4:
            w = '四';
            break;
          case 5:
            w = '五';
            break;
          case 6:
            w = '六';
            break;
          default:
            w = '日';
        }
        var h = date.getHours();	//获取小时
        if(h>=0 && h<=9)
          h = '0'+h;
        var m = date.getMinutes();	//获取分钟
        if(m>=0 && m<=9)
          m = '0'+m;
        var s = date.getSeconds();
        if(s>=0 && s<=9)
          s = '0'+s;
        var currentTime = document.getElementById('currentTime');
        currentTime.innerHTML = y+'年'+M+'月'+d+'日'+'  '+'星期'+w+'  '+h+':'+m+':'+ s;
      },0)
    },
  },
},

你可能感兴趣的:(vue,vue.js,前端,javascript)