vue2.0 自定义日期时间过滤器
程序员文章站
2022-06-24 17:18:06
方法一:
// template
{{a | data}}
//script
data:{
a: date.now()
}
filters: {...
方法一:
// 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 自定义日期时间过滤器,希望对大家有所帮助
推荐阅读
-
Django中日期处理注意事项与自定义时间格式转换详解
-
Python自定义计算时间过滤器实现过程解析
-
vue2.0 自定义日期时间过滤器
-
详解Angularjs在控制器(controller.js)中使用过滤器($filter)格式化日期/时间实例
-
安卓时间显示TextClock显示日期时间,24小时制和12小时制(自定义时间)
-
asp.net c# 自定义字符串显示格式,自定义日期时间显示格式
-
Android 自定义日期段选择控件功能(开始时间-结束时间)
-
自定义 RMAN 显示的日期时间格式
-
Vue自定义组件之日期时间范围选择器
-
iOS textField弹出自定义键盘(日期时间、省市、国家)