vue-格式化时间戳+格式化编程思想
来源:互联网 发布:雇网络维护人员要求 编辑:程序博客网 时间:2024/06/06 01:09
首先,数据库中往往存储的是时间的毫秒形式,这样在页面上可以操控显示时间的格式。
1. 页面中: <div class="time">{{rating.rateTime | formatDate}}</div>
这里formatDate时一个过滤器
2. 在页面js中定义这个过滤器:
import {formatDate} from '../../common/js/date.js' export default{ data(){ return {} }, filters:{ formatDate(time){ let date = new Date(time); return formatDate(date,'yyyy-MM-dd hh:mm'); //此处formatDate是一个函数,将其封装在common/js/date.js里面,便于全局使用 } }}
3 定义common/js/date.js 的formatDate函数
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){ let str = o[k]+''; if(new RegExp(`(${k})`).test(fmt)){ fmt = fmt.replace(RegExp.$1, (RegExp.$1.length===1)?str:padLeftZero(str)); } } return fmt;};function padLeftZero(str){ return ('00'+str).substr(str.length);}
这里formatDate函数有一个优点,他将可能的时间格式全部都处理了,包括‘09’或者‘9’,年份显示‘2016’或者‘16’,只需通过传递给formatDate函数 格式即可。
阅读全文
1 1
- vue-格式化时间戳+格式化编程思想
- vue时间格式化
- vue 时间格式化
- vue moment 时间格式化
- vue中格式化时间过滤器
- Java编程思想--格式化输出
- Java编程思想--格式化说明符
- 时间,日期格式化以及 格式化时间戳
- Java格式化时间戳
- mysql格式化时间戳
- php 格式化时间戳
- js 格式化时间戳
- js格式化时间戳
- JSTL 格式化时间戳
- 时间戳格式化
- JSTL 格式化时间戳
- 时间戳格式化-java
- mysql格式化时间戳
- 百度地图API 案例
- Redis操作list
- Android Unsafe 分析
- WPF控件之内容控件
- 常用数据库逻辑备份语句
- vue-格式化时间戳+格式化编程思想
- jquery.custom自动补全插件
- Tomcat配置
- 股东人数选股软件V1.2
- Redis操作集合
- 验证码短信应用场景
- LinkedHashMap的accessOrder的作用
- java NIO系列教程(九)
- android7.0修改系统默认时间