爱无胆,日儿媳妇的大骚b,赛富通助手
整理文档,搜刮出一个vue时间格式化实例代码,稍微整理精简一下做下分享。
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); }
把上面代码保存为date.js放到你的公共js文件夹中。
在你的需要格式化时间戳的组件里像下面这样使用:
<template> <!-- 过滤器 --> <div>{{time | formatdate}}</div> <!-- 输出结果 --> <!-- <div>2016-07-23 21:52</div> --> </template> <script> import {formatdate} from './common/date.js'; export default { data() { return { time:1469281964000 } }, filters: { formatdate(time) { var date = new date(time); return formatdate(date, yyyy-mm-dd hh:mm); } } } </script>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持移动技术网。
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复
VUE+elementui组件在table-cell单元格中绘制微型echarts图
Vue通过getAction的finally来最大程度避免影响主数据呈现问题
vue 路由懒加载中给 Webpack Chunks 命名的方法
网友评论