vue2.0 自定义日期时间过滤器

方法一：//template{{a|data}}//scriptdata:{a:Date.now()}filters:{data:function(input){vard=newDate(input);varyear=d.g

方法一：

// template
{{a | data}}
//script
data:{
 a: Date.now()
}
filters: {
 data:function (input) {
 var d = new Date(input);
 var year = d.getFullYear();
 var month = d.getMonth() + 1;
 var day = d.getDate() <10 ? '0' + d.getDate() : '' + d.getDate();
 var hour = d.getHours();
 var minutes = d.getMinutes();
 var seconds = d.getSeconds();
 return year+ '-' + month + '-' + day + ' ' + hour + ':' + minutes + ':' + seconds;
 }

方法二： 正则

// template
{{date | formatDate}}
//script
import {formatDate} from '../../common/js/date'
filters: {
 formatDate (time) {
 let date = new Date(time)
 return formatDate(date, 'yyyy-MM-dd hh:mm')
 }
}

//date.js
export function formatDate (date, fmt) {
 if (/(y+)/.test(fmt)) {
 fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))
 }
 let o = {
 'M+': date.getMonth() + 1,
 'd+': date.getDate(),
 'h+': date.getHours(),
 'm+': date.getMinutes(),
 's+': date.getSeconds()
 }
 for (let k in o) {
 if (new RegExp(`(${k})`).test(fmt)) {
 let str = o[k] + ''
 fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str))
 }
 }
 return fmt
}
function padLeftZero (str) {
 return ('00' + str).substr(str.length)
}

以上所述是小编给大家介绍的vue2.0 自定义日期时间过滤器，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

vue 2.0 自定义过滤器 vue2.0 日期过滤器