短視訊平臺原始碼,vue獲取當前系統時間,日期及星期幾

zhibo系統開發 發表於 2022-05-27
Vue

短視訊平臺原始碼,vue獲取當前系統時間,日期及星期幾

<template>
<div>
<p>{{ date_show }} - {{ week }}</p>
<p>{{ time_show }}</p>
</div>
</template>
<script>
export default {
data(){
    return{
      week:'',// 本週周幾
      date_show:'', //本日日期
      time_show:'',//當前時間,時分秒
    }
  },
  mounted(){
  // 獲取日期-星期
  this.getdataTime()
  // 讀秒
  setInterval(() => {
        this.getnewTime()
      },1000)
  },
  methods:{
  // 獲取當前系統日期
getdataTime(){
      let wk = new Date().getDay()  
      let yy = new Date().getFullYear();
      let mm = new Date().getMonth() + 1;
      let dd = new Date().getDate();
      let weeks = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
      this.week = weeks[wk]
      this.date_show = yy + "年" + mm + "月" + dd + "日"
    },
    // 獲取當前系統的時間
    getnewTime(){
      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.time_show = hh + ":" + mf + ":" + ss;
    }   
  }
}
</script>


以上就是短視訊平臺原始碼,vue獲取當前系統時間,日期及星期幾, 更多內容歡迎關注之後的文章


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2897520/,如需轉載,請註明出處,否則將追究法律責任。