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

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

方法一：

// 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 ohttp:// = {

'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 自定义日期时间过滤器，希望对大家有所帮助，如果大家有任何疑问请给我留言，会及时回复大家的。在此也非常感谢大家对我们网站的支持！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。