首页 > 语言 > JavaScript > 正文

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

2024-05-06 15:16:12
字体:
来源:转载
供稿:网友

方法一:

// template{{a | data}}//scriptdata:{  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}}//scriptimport {formatDate} from '../../common/js/date'filters: { formatDate (time) {  let date = new Date(time)  return formatDate(date, 'yyyy-MM-dd hh:mm') }}
//date.jsexport 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 自定义日期时间过滤器,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对错新站长站网站的支持!

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选