首页 > 技术文章 > 定义时间过滤器

yangcaicai 2020-12-16 12:11 原文

    // 定义一个格式化日期的过滤器
       
  <p>{{time|formatDate}}</p>
 
  data: {
          time: new Date(),
        },
 
 filters: {
          formatDate(value) {
            let newDate = new Date(value);
            let hour = newDate.getHours();
            let minute = newDate.getMinutes();
            let second = newDate.getSeconds();
            return `${hour}:${minute}:${second}`;
          },
        },
 
效果如下

 

 //定义年月份时间过滤器

  formatDateTime(val) {
            let newDate = new Date(val);
            let year = newDate.getFullYear();
            let month = newDate.getMonth() + 1;
            month = month < 10 ? "0" + month : month;
            let day = newDate.getDate();
            day = day < 10 ? "0" + day : day;
            let hour = newDate.getHours();
            hour = hour < 10 ? "0" + hour : hour;
            let minute = newDate.getMinutes();
            minute = minute < 10 ? "0" + minute : minute;
            let second = newDate.getSeconds();
            second = second < 10 ? "0" + second : second;
            return `${year}年${month}月${day} ${hour}:${minute}:${second}`;
          },
 
效果如下:

 

 

推荐阅读