vue.js将时间戳转化为日期格式的实现代码


Posted in Javascript onJune 05, 2018

看看下面的代码吧,具体代码如下所示:

<!-- value 格式为13位unix时间戳 -->
<!-- 10位unix时间戳可通过value*1000转换为13位格式 -->
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>
  <!-- 过滤器 time 可以使后台得到的数据,循环出来的也行 -->
  <div>{{time | formatDate}}</div>
  <!-- 输出结果 -->
  <!-- <div>2016-07-23 21:52</div> -->
</template>
<script>
import {formatDate} from './common/date.js';
export default {
  filters: {
    formatDate(time) {
      var date = new Date(time);
      return formatDate(date, 'yyyy-MM-dd hh:mm');
    }
  }
}
</script>

总结

以上所述是小编给大家介绍的vue.js将时间戳转化为日期格式的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JS 自定义带默认值的函数
Jul 21 Javascript
js身份证判断方法支持15位和18位
Mar 18 Javascript
jQuery表单域属性过滤器用法分析
Feb 10 Javascript
JavaScript中停止执行setInterval和setTimeout事件的方法
May 14 Javascript
js如何判断输入字符串长度
Dec 16 Javascript
利用原生js和jQuery实现单选框的勾选和取消操作的方法
Sep 04 Javascript
video.js使用改变ui过程
Mar 05 Javascript
React简单介绍
May 24 Javascript
在vue中通过axios异步使用echarts的方法
Jan 13 Javascript
小程序云开发初探(小结)
Oct 24 Javascript
jquery ajax 请求小技巧实例分析
Nov 11 jQuery
vuex的数据渲染与修改浅析
Nov 26 Vue.js
如何使node也支持从url加载一个module详解
Jun 05 #Javascript
Js中将Long转换成日期格式的实现方法
Jun 05 #Javascript
JS非行间样式获取函数的实例代码
Jun 05 #Javascript
JavaScript实现读取与输出XML文件数据的方法示例
Jun 05 #Javascript
Node错误处理笔记之挖坑系列教程
Jun 05 #Javascript
Vue项目中跨域问题解决方案
Jun 05 #Javascript
Vue多系统切换实现方案
Jun 05 #Javascript
You might like
php HtmlReplace输入过滤安全函数
2010/07/03 PHP
献给php初学者(入门学习经验谈)
2010/10/12 PHP
php 使用file_get_contents读取大文件的方法
2014/11/13 PHP
javascript的键盘控制事件说明
2008/04/15 Javascript
jQuery 渐变下拉菜单
2009/12/15 Javascript
jquery cookie实现的简单换肤功能适合小网站
2013/08/25 Javascript
js隐式全局变量造成的bug示例代码
2014/04/22 Javascript
简介EasyUI datagrid editor combogrid搜索框的实现
2016/04/01 Javascript
灵活使用数组制作图片切换js实现
2016/07/28 Javascript
详解javascript事件绑定使用方法
2016/10/20 Javascript
Javascript使用SWFUpload进行多文件上传
2016/11/16 Javascript
jQuery实现一个简单的轮播图
2017/02/19 Javascript
微信小程序中时间戳和日期的相互转换问题
2018/07/09 Javascript
vue.js+element-ui动态配置菜单的实例
2018/09/07 Javascript
vue中使用v-model完成组件间的通信
2019/08/22 Javascript
vue-router 路由传参用法实例分析
2020/03/06 Javascript
浅谈JavaScript窗体Window.ShowModalDialog使用
2020/07/22 Javascript
在Python中使用异步Socket编程性能测试
2014/06/25 Python
Python实现在线程里运行scrapy的方法
2015/04/07 Python
让Python代码更快运行的5种方法
2015/06/21 Python
python2.x实现人民币转大写人民币
2018/06/20 Python
django框架防止XSS注入的方法分析
2019/06/21 Python
分享一个pycharm专业版安装的永久使用方法
2019/09/24 Python
Windows下python3安装tkinter的问题及解决方法
2020/01/06 Python
Pandas时间序列基础详解(转换,索引,切片)
2020/02/26 Python
python matplotlib绘制三维图的示例
2020/09/24 Python
IFCHIC台湾:欧美国际设计师品牌
2019/05/18 全球购物
对象的序列化(serialization)类是面向流的,应如何将对象写入到随机存取文件中
2015/06/22 面试题
高三语文教学反思
2014/01/15 职场文书
优秀员工评语
2014/02/10 职场文书
健康家庭事迹材料
2014/05/02 职场文书
2015选调生工作总结
2015/07/24 职场文书
同学会感言
2015/07/30 职场文书
小学数学新课改心得体会
2016/01/22 职场文书
心得体会该怎么写呢?
2019/06/27 职场文书
使用CSS实现百叶窗效果示例代码
2023/05/07 HTML / CSS