這篇文章主要介紹vuejs如何在頁(yè)面實(shí)現(xiàn)日期，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

云安網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián),云安網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為云安上千多家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)營(yíng)銷網(wǎng)站建設(shè)要多少錢(qián)，請(qǐng)找那個(gè)售后服務(wù)好的云安做網(wǎng)站的公司定做！

vuejs在頁(yè)面實(shí)現(xiàn)日期的方法：1、在data中定義一個(gè)變量，存儲(chǔ)時(shí)間；2、設(shè)置“

{{nowTime}}

”；3、通過(guò)“timeFormate(timeStamp) {...}”方法顯示當(dāng)前日期即可。

本文操作環(huán)境：Windows7系統(tǒng)、vue2.9.6版，DELL G3電腦。

vuejs怎么在頁(yè)面實(shí)現(xiàn)日期？

在vue項(xiàng)目中顯示實(shí)時(shí)時(shí)間（年月日時(shí)分秒）

1.在data中定義一個(gè)變量，存儲(chǔ)時(shí)間

data(){
   return {
     nowTime:''
   }
  },

2.給定一個(gè)div

{{nowTime}}

3.js部分

 //顯示當(dāng)前時(shí)間（年月日時(shí)分秒）
    timeFormate(timeStamp) {
      let year = new Date(timeStamp).getFullYear();
      let month =new Date(timeStamp).getMonth() + 1 < 10? "0" + (new Date(timeStamp).getMonth() + 1): new Date(timeStamp).getMonth() + 1;
      let date =new Date(timeStamp).getDate() < 10? "0" + new Date(timeStamp).getDate(): new Date(timeStamp).getDate();
      let hh =new Date(timeStamp).getHours() < 10? "0" + new Date(timeStamp).getHours(): new Date(timeStamp).getHours();
      let mm =new Date(timeStamp).getMinutes() < 10? "0" + new Date(timeStamp).getMinutes(): new Date(timeStamp).getMinutes();
      let ss =new Date(timeStamp).getSeconds() < 10? "0" + new Date(timeStamp).getSeconds(): new Date(timeStamp).getSeconds();
      this.nowTime = year + "年" + month + "月" + date +"日"+" "+hh+":"+mm+':'+ss ;
    },
    nowTimes(){
      this.timeFormate(new Date());
      setInterval(this.nowTimes,1000);
      this.clear()
    },
    clear(){
      clearInterval(this.nowTimes)
      this.nowTimes = null;
    }

4.復(fù)制粘貼即可用，主要是使用定時(shí)器，每秒調(diào)用，最后清除定時(shí)器，清除函數(shù)

以上是“vuejs如何在頁(yè)面實(shí)現(xiàn)日期”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！