Bagaimana untuk melaksanakan tarikh pada halaman dalam vuejs

Cara vuejs melaksanakan tarikh pada halaman: 1. Tentukan pembolehubah dalam data untuk menyimpan masa 2. Tetapkan "<div>{{nowTime}}</div>"; kaedah timeFormate(timeStamp) {...}" boleh memaparkan tarikh semasa.

Persekitaran pengendalian artikel ini: sistem Windows 7, vue versi 2.9.6, komputer DELL G3.

Bagaimana untuk melaksanakan tarikh pada halaman dalam vuejs?

Paparkan masa masa nyata (tahun, bulan, hari, jam, minit dan saat) dalam projek vue

1 Tentukan pembolehubah dalam data untuk menyimpan masa

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

2. Diberikan div

<div>{{nowTime}}</div>

bahagian 3.js

 //显示当前时间（年月日时分秒）
    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+&#39;:&#39;+ss ;
    },
    nowTimes(){
      this.timeFormate(new Date());
      setInterval(this.nowTimes,1000);
      this.clear()
    },
    clear(){
      clearInterval(this.nowTimes)
      this.nowTimes = null;
    }

4 menggunakan pemasa, memanggil setiap saat, Akhir sekali, kosongkan pemasa dan kosongkan fungsi

Disyorkan: "Pilihan tutorial video 5 vue.js terkini"

Atas ialah kandungan terperinci Bagaimana untuk melaksanakan tarikh pada halaman dalam vuejs. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!