把時間戳轉為常用日期格式

唔西迪西發表於2020-06-28
時間戳

時間戳理解了之後學著就不會太難，但是我總是覺得複雜，所以就不想去弄懂它，

但是時間戳的使用越來越廣泛，我才認識到我得搞懂它，希望大家一起學習

首先先說一些Date物件的方法

    var a = new Date().toDateString();
    console.log(a); // Tue Jun 23 2020

    var a = new Date().toISOString();
    console.log(a); //2020-06-23T07:24:22.245Z

    var a = new Date().toJSON();
    console.log(a); //2020-06-23T07:26:01.812Z

    var a = new Date().toLocaleDateString();
    console.log(a); //2020/6/23

    var a = new Date().toLocaleTimeString();
    console.log(a); //下午3:30:12

    var a = new Date().toLocaleString();
    console.log(a); //2020/6/28 下午8:50:46

    var a = new Date().toString();
    console.log(a); //Sun Jun 28 2020 20:52:24 GMT+0800 (中國標準時間)

    var a = new Date().toTimeString();
    console.log(a); //20:53:49 GMT+0800 (中國標準時間)

    var a = new Date().toUTCString();
    console.log(a); //Sun, 28 Jun 2020 12:54:40 GMT

　　

如果你想把時間戳轉為2020/6/28 20:58:16格式

如何做的呢？

下面我們來說這種最近使用的方法

程式碼操作如下：

1.首先在vue元件中的data中宣告一個有許多時間戳的陣列

 data() {
    return {
      time: ["1592223461", "1592223031", "1592222732", "1592215722"]
    };
  },

2.在vue元件中的mounted中獲取並轉為常用日期格式

 mounted() {
    this.time.forEach(e => {
      var a = new Date(e * 1000); //為了補0的個數 時間戳為10位的話需*1000，時間戳為13位就不用*1000
      //  console.log(a)
      var year = a.getFullYear();      //getFullYear是從Date 物件以四位數字返回年份。
      var month = a.getMonth() + 1;   //getMonth從Date物件返回月份（0-11）   +1得到當前月份
      var data = a.getDate();         // getDate從 Date 物件返回一個月中的某一天 (1 ~ 31)
      var hour = a.getHours() + 1;    //getHours返回 Date 物件的小時 (0 ~ 23)。   +1得到當前小時 
      var min = a.getMinutes() + 1;   //getMinutes返回 Date 物件的分鐘 (0 ~ 59)。 +1得到當前分鐘數
      var sec = a.getSeconds() + 1;   //getSeconds返回 Date 物件的秒數 (0 ~ 59)。 +1得到當前秒數
      var time =
        year + "/" + month + "/" + data + " " + hour + ":" + min + ":" + sec;  //將轉換成功的年月日小時分鐘秒進行拼接
      console.log(time);
    });
  }

 效果如下：

 重點我們要掌握轉換時間戳的一些方法

 

相關文章