自己封装一个简易版Day.js

知识点回顾:

1.getFullYear() 获取年

2.getMonth()获取月

3.getDate()获取日

4.getHours()获取小时

5.getMinutes()获取分钟

6.getSeconds()获取秒

7.getDay()获取星期

8.Vue.filter()过滤器的使用

9.padStart(2, 0) 字符串方法 对不满两位的在开头进行补零

10.padEnd(2, 0)字符串方法 对不满两位的在结尾进行补零

知识点回顾完毕 思路分析

1.需要对拿到的源头数据进行转换然后再返回

2.对拿到的数据进行补零操作

思路成立 开始堆代码

1.先在main.js中注册一个过滤器用来拿取数据并处理数据进行返回

2.对拿到的数据进行处理并返回

3.拿取数据

然后,一个简易版的Day.js就完成了,如果需要对数据再进行处理则可以在拿取数据的时候进行传参 在过滤器中进行判断 返回更全的带时分秒的数据

1.在main.js中定义过滤器

 2.在组件中使用

ps:需要注意过滤器第一个参数是源头数据 

vue过滤器参考API — Vue.jsVue.js - The Progressive JavaScript Frameworkhttps://cn.vuejs.org/v2/api/#Vue-filter