Vue获取当前时间

10,129 阅读1分钟

Vue获取当前时间的方法

<template>
      <div>
          <h3>{{time | formatDate}}</h3>
      </div>
</template>
<script>
    export default{
        data(){
            return{
                time:Date.parse(new Date()),
            },
            filters: {
                formatDate: function (value) {
                let date = new Date(value);
                let y = date.getFullYear();
                let MM = date.getMonth() + 1;
                MM = MM < 10 ? ('0' + MM) : MM;
                let d = date.getDate();
                d = d < 10 ? ('0' + d) : d;
                let h = date.getHours();
                h = h < 10 ? ('0' + h) : h;
                let m = date.getMinutes();
                m = m < 10 ? ('0' + m) : m;
                let s = date.getSeconds();
                s = s < 10 ? ('0' + s) : s;
               return y + '-' + MM + '-' + d + ' ' + h + ':' + m + ':' + s;
              }
            }
        }
    }
</script>