Global filter (processing time format)

padStart() For head completion

 padStart(2,'0') Convert to string '3', Less than two , Add a front 0, Output is 03, The date of complete settlement is as :2020-07-06 This kind of problem

//padStart(2,'0')  Convert to string '6', Less than two , Add a front 0, Output is 06, The date of complete settlement is as :2020-07-06 This kind of problem 
    var month = 6;
    var newMonth = (month + "").padStart(2, "0");
    console.log(newMonth); //06
    //padStart(3,'0')  Convert to string '7', Less than three , Add a front 00, Output is 007
    var day = 7;
    var newDay = day.toString().padStart(3, "0");
    console.log(newDay); //007

padEnd() For tail completion

    //padEnd(2,'0')  Convert to string '6', Less than two , Add a 0, Output is 60, Not much use 
    var month = 6;
    var newMonth = (month + "").padEnd(2, "0");
    console.log(newMonth); //60
    //padEnd(3,'0')  Convert to string '7', Less than three , Add a 00, Output is 700, Not much use 
    var day = 7;
    var newDay = day.toString().padEnd(3, "0");
    console.log(newDay); //700

  Global filter method 1：

// main.js In file 

//  Global filter (' The name of the filter ', Time data processed )
    Vue.filter("dataFormat", (data) => {
      const dt = new Date(data);

      //  month +1     Convert to string to process data 
      const y = dt.getFullYear();
      const m = (dt.getMonth() + 1).toString().padStart(2, "0");
      const d = dt.getDate().toString().padStart(2, "0");

      const hh = dt.getHours().toString().padStart(2, "0");
      const mm = dt.getMinutes.toString().padStart(2, "0");
      const ss = dt.getSeconds.toString().padStart(2, "0");

      return `${y}-${m}-${d}   ${hh}:${mm}:${ss} `;
    });