VUE-15 时间戳的使用

计算机的时间计算方式是从1970年1月1日开始计算的一串数字,而要转换成人看得懂的数字,要使用时间戳。

1.在public 里面创建一个.html的文档,编写时间戳的功能(可直接百度)

(public里面的是全局变量,可以直接调用,不需要this之类的)

<!DOCTYPE html>
<html lang="">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  <title>
    <%= htmlWebpackPlugin.options.title %>
  </title>
</head>

<body>
  <script>
    function formatDate(thisDate, fmt) {
      var o = {
        "M+": thisDate.getMonth() + 1,
        "d+": thisDate.getDate(),
        "h+": thisDate.getHours(),
        "m+": thisDate.getMinutes(),
        "s+": thisDate.getSeconds(),
        "q+": Math.floor((thisDate.getMonth() + 3) / 3),
        S: thisDate.getMilliseconds(),
      };
      if (/(y+)/.test(fmt))
        fmt = fmt.replace(
          RegExp.$1,
          (thisDate.getFullYear() + "").substr(4 - RegExp.$1.length)
        );
      for (var k in o)
        if (new RegExp("(" + k + ")").test(fmt))
          fmt = fmt.replace(
            RegExp.$1,
            RegExp.$1.length == 1
              ? o[k]
              : ("00" + o[k]).substr(("" + o[k]).length)
          );
      return fmt;
    }
  </script>
  <noscript>
    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
        Please enable it to continue.</strong>
  </noscript>
  <div id="app"></div>
  <!-- built files will be auto injected -->
</body>

</html>

2.在script里面

编写一个功能:

 filters:{

    filterTime(val){//获取数据

    let d = new Date(val);//赋值

    return formatDate(d,"yyyy年MM月dd日");//转化成时间的格式

    },

  },

3.在div里面:{{filterTime}},调用变量即可。

上一篇:云开发之模糊搜索的三种方式


下一篇:js日期格式化