过滤器-定义格式化时间的全局过滤器|学习笔记

Vue.filter('dateformat',function(dateStr) {
//不使用 moment 插件进行编写，var dt = new Date(),如果不传任何参数，data 就表示当前的时间。

var dt = new Date(datestr)
//拼接合法的日期格式，yyyy-mm-dd，分别获取到年月日，再用“-“串联。
var y=dt.getrullYear()//得到四位数年份
var m=dt.getMonth()+1//month 从0开始，所以要+1
var d = dt.getDate()//得到某天，如果使用 getDay 得到的是星期几。

Return`${y}-${m}-$ {d}`// 相对于上面的写法，可读性更好，更容易理解。y m d 都分别是变量
} )
//这里就定义好了过滤器。
<td>{{item.ctim|dataformat}}<td>
//调用广告符,把 ctim 交给 dataformat

Vue.filter('dateformat',function(dateStr,pattern) {//传递一个可视化的字符串 pattern ，在调用时可以传pattern 值，比如{item.ctim|dataformat(‘yyyy-MM-DD’)}，但是这样无法保证传递的值是大写小写。所以拿到值要先进行tolower case。
var dt = new Date(datestr)
//yyyy-mm-dd
var y=dt.getrullYear()
var m=dt.getMonth()+1
var d = dt.getDate()
//return y+’-’+’m’+’-’+d
If (pattern.tolower case() ===" yyyy-mm-dd') {//判断 pattern 值，tolower case()统一小写，便于比较。
Return ‘$(y)-$(m)-$(d)
} else {//获取时分秒
var hh =dt.getHours()
var mm =dt.getMinutes()
var ss = dt.getSeconds()
return`${y}-${m}-${d}  ${hh}:${mm}:${ss} `//不能把格式写固定。
}
} )