vue2.0 自定义日期时间过滤器
来源:互联网 发布:mysql 倒序 编辑:程序博客网 时间:2024/05/21 12:41
方法一:
// 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)}
阅读全文
7 0
- vue2.0 自定义日期时间过滤器
- vue2.0 过滤器用法
- Vue2.0 过滤器 认识
- vue2.0怎样将时间戳转化为日期格式
- Vue2.0的变化(1)——vue2.0组件定义/生命周期/循环/自定义键盘/过滤器/组件通信的变化
- vue2.0 自定义指令
- Vue1.0中过滤器和Vue2.0中自定义指令的用法
- angular-过滤器date日期时间
- vue2.0中过滤器的使用
- Vue2.0 过滤器的简单使用
- 自定义日期时间选择器
- 自定义日期时间选择器
- vue2.0自定义指令方式
- vue2中过滤器属性
- vue2过滤器模糊查询
- AngularJS过滤器filter-时间日期格式-渲染日期格式-$filter
- Vue2.0里过滤器容易踩到的坑
- angularjs --- 自定义时间格式的过滤器
- java中网络编程DatagramPacke类------UDP协议
- 用python 重命名文件夹下文件
- JS基础复习
- ADO.NET学习之SqlConnection,SqlCommand
- Picasso简介<一>
- vue2.0 自定义日期时间过滤器
- Bundle adjustment学习
- Redis和Memcache的区别分析
- 有哪些老鸟程序员知道而新手不知道的小技巧?
- Java动态代理
- 万能适配器
- Spring 之AOP AspectJ切入点语法详解(最全面、最详细。)
- 30. Substring with Concatenation of All Words
- A