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 相关文章推荐
javascript-表格排序(降序/反序)实现介绍(附图)
May 30 Javascript
js抽奖实现随机抽奖代码效果
Dec 02 Javascript
node.js中的fs.unlink方法使用说明
Dec 15 Javascript
window.open()实现post传递参数
Mar 12 Javascript
微信小程序 icon组件详细及实例代码
Oct 25 Javascript
微信小程序开发(二)图片上传+服务端接收详解
Jan 11 Javascript
bootstrap+jquery项目引入文件报错的解决方法
Jan 22 jQuery
vue生成token并保存到本地存储中
Jul 17 Javascript
jQuery实现输入框的放大和缩小功能示例
Jul 21 jQuery
微信小程序methods中定义的方法互相调用的实例代码
Aug 07 Javascript
vue移动端监听滚动条高度的实现方法
Sep 03 Javascript
Vue实现回到顶部和底部动画效果
Jul 31 Javascript
如何使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 ob_flush,flush在ie中缓冲无效的解决方法
2010/05/09 PHP
PHP使用preg_split和explode分割textarea存放内容的方法分析
2017/07/03 PHP
JS原型对象通俗&quot;唱法&quot;
2012/12/27 Javascript
在Javascript中 声明时用&quot;var&quot;与不用&quot;var&quot;的区别
2013/04/15 Javascript
JavaScript回调(callback)函数概念自我理解及示例
2013/07/04 Javascript
js 剪切板应用clipboardData详细解析
2013/12/17 Javascript
js事件监听机制(事件捕获)总结
2014/08/08 Javascript
编写高质量JavaScript代码的基本要点
2016/03/02 Javascript
javascript时间戳和日期字符串相互转换代码(超简单)
2016/06/22 Javascript
web 屏蔽BackSpace键实例代码
2016/12/24 Javascript
Vue中使用vux的配置详解
2017/05/05 Javascript
AngularJS创建一个上传照片的指令实例代码
2018/02/24 Javascript
Vue.js 图标选择组件实践详解
2018/12/03 Javascript
python爬取网站数据保存使用的方法
2013/11/20 Python
pandas 使用apply同时处理两列数据的方法
2018/04/20 Python
Python处理菜单消息操作示例【基于win32ui模块】
2018/05/09 Python
opencv python 图像去噪的实现方法
2018/08/31 Python
jupyter 实现notebook中显示完整的行和列
2020/04/09 Python
python爬虫使用正则爬取网站的实现
2020/08/03 Python
python热力图实现简单方法
2021/01/29 Python
彻底弄明白CSS3的Media Queries(跨平台设计)
2010/07/27 HTML / CSS
css3动画鼠标放上图片逐渐变大鼠标离开图片逐渐缩小效果
2021/01/27 HTML / CSS
荷兰演唱会和体育比赛订票网站:viagogo荷兰
2018/04/08 全球购物
俄罗斯购买自行车网站:Vamvelosiped
2021/01/29 全球购物
新西兰最大的天然保健及护肤品网站:HealthPost(直邮中国)
2021/02/13 全球购物
Myprotein亚太地区:欧洲第一在线运动营养品牌
2020/12/20 全球购物
党员干部形式主义个人整改措施
2014/09/17 职场文书
印刷技术专业自荐信
2014/09/18 职场文书
教师党员学习群众路线心得体会
2014/11/04 职场文书
2016教师给学生的毕业寄语
2015/12/04 职场文书
2019年七夕情人节浪漫祝福语大全!
2019/08/08 职场文书
JavaScript组合继承详解
2021/11/07 Javascript
python中if和elif的区别介绍
2021/11/07 Python
根德5570型九灯四波段立体声收音机是电子管收音机的楷模 ? 再论5570
2022/04/05 无线电
未发现nvidia显卡怎么办?Win11系统中未检测到nvidia显卡解决教程
2022/04/08 数码科技
分享很少见很有用的SQL功能CORRESPONDING
2022/08/05 MySQL