vue.js将unix时间戳转换为自定义时间格式


Posted in Javascript onJanuary 03, 2017

本方法通过vue.js filter实现将unix时间戳转换为自定义标准时间格式

<!-- js代码 -->
$().ready(function() {
<!-- 自定义filter名称为'time' -->
 Vue.filter('time',
 <!-- value 格式为13位unix时间戳 -->
 <!-- 10位unix时间戳可通过value*1000转换为13位格式 -->
 function(value) {
 var date = new Date(value);
 Y = date.getFullYear(),
 m = date.getMonth() + 1,
 d = date.getDate(),
 H = date.getHours(),
 i = date.getMinutes(),
 s = date.getSeconds();
 if (m < 10) {
  m = '0' + m;
 }
 if (d < 10) {
  d = '0' + d;
 }
 if (H < 10) {
  H = '0' + H;
 }
 if (i < 10) {
  i = '0' + i;
 }
 if (s < 10) {
  s = '0' + s;
 }
 <!-- 获取时间格式 2017-01-03 10:13:48 -->
 // var t = Y+'-'+m+'-'+d+' '+H+':'+i+':'+s;
 <!-- 获取时间格式 2017-01-03 -->
 var t = Y + '-' + m + '-' + d;
 return t;
 });)
};
<!-- html代码 -->
<!-- 在需要转换格式的位置使用名为time的vue.js filter -->
<td>{{tab2.fb1 | time}}</td>

以上js代码中,年月日时分秒均已经获取到,可以自定义拼装成需要的标准格式。
需要注意,本方法中的传入值为13位unix时间戳,转换方式详参js代码注释。
function(value){…}部分可以单独提取出来作为普通的js方法使用。

本文已被整理到了《Vue.js前端组件学习教程》,欢迎大家学习阅读。

关于vue.js组件的教程,请大家点击专题vue.js组件学习教程进行学习。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JQuery slideshow的一个小问题(如何发现及解决过程)
Feb 06 Javascript
Jquery为a标签的href赋值实现代码
May 03 Javascript
图解js图片轮播效果
Dec 20 Javascript
浅谈html转义及防止javascript注入攻击的方法
Dec 04 Javascript
Vuex之理解Store的用法
Apr 19 Javascript
详解如何让InstantClick兼容MathJax、百度统计等
Sep 12 Javascript
详解vue组件基础
May 04 Javascript
Express结合Webpack的全栈自动刷新
May 23 Javascript
Vue监听页面刷新和关闭功能
Jun 20 Javascript
解决vue prop传值default属性如何使用,为何不生效的问题
Sep 21 Javascript
node.js如何根据URL返回指定的图片详解
Oct 21 Javascript
vue 动态创建组件的两种方法
Dec 31 Vue.js
使用Angular缓存父页面数据的方法
Jan 03 #Javascript
JS实现简单的二元方程计算器功能示例
Jan 03 #Javascript
JS基于递归算法实现1,2,3,4,5,6,7,8,9倒序放入数组中的方法
Jan 03 #Javascript
javascript使用递归算法求两个数字组合功能示例
Jan 03 #Javascript
jQuery仿写百度百科的目录树
Jan 03 #Javascript
通过BootStrap-select插件 js jQuery控制select属性变化
Jan 03 #Javascript
Vue.js系列之vue-router(上)(3)
Jan 03 #Javascript
You might like
php读取3389的脚本
2014/05/06 PHP
php微信公众平台开发(三)订阅事件处理
2016/12/06 PHP
PHP简单实现遍历目录下特定文件的方法小结
2017/05/22 PHP
php简单计算权重的方法示例【适合抽奖类应用】
2019/06/10 PHP
通过PHP实现用户注册后邮箱验证激活
2020/11/10 PHP
关于 文本框默认值 的操作js代码
2012/01/12 Javascript
document.createElement()用法及注意事项(ff下不兼容)
2013/03/13 Javascript
jquery时间下拉框小例子
2013/04/15 Javascript
Jquery EasyUI中弹出确认对话框以及加载效果示例代码
2014/02/13 Javascript
js与运算符和或运算符的妙用
2014/02/14 Javascript
JQuery性能优化的几点建议
2014/05/14 Javascript
JavaScript中用toString()方法返回时间为字符串
2015/06/12 Javascript
vue嵌套路由与404重定向实现方法分析
2018/05/04 Javascript
一秒学会微信小程序制作table表格
2019/02/14 Javascript
微信小程序图表插件wx-charts用法实例详解
2019/05/20 Javascript
使用异步controller与jQuery实现卷帘式分页
2019/06/18 jQuery
JS实现网站吸顶条
2020/01/08 Javascript
JS算法教程之字符串去重与字符串反转
2020/12/15 Javascript
举例区分Python中的浅复制与深复制
2015/07/02 Python
Python3利用SMTP协议发送E-mail电子邮件的方法
2017/09/30 Python
Python numpy生成矩阵、串联矩阵代码分享
2017/12/04 Python
python多线程分块读取文件
2019/08/29 Python
Mac 使用python3的matplot画图不显示的解决
2019/11/23 Python
GitHub上值得推荐的8个python 项目
2020/10/30 Python
五款漂亮的纯CSS3动画按钮的实例教程
2014/11/21 HTML / CSS
HTML5仿手机微信聊天界面
2016/03/18 HTML / CSS
Big Green Smile法国:领先的英国有机和天然产品在线商店
2021/01/02 全球购物
写出二分查找算法的两种实现
2013/05/13 面试题
甜品店的创业计划书范文
2014/01/02 职场文书
办理护照介绍信
2014/01/16 职场文书
拾金不昧的表扬信
2014/01/16 职场文书
保护动物倡议书
2014/04/15 职场文书
六一儿童节演讲稿
2014/05/23 职场文书
班训口号大全
2014/06/18 职场文书
毕业赠语大全
2015/06/23 职场文书
Golang 使用Map实现去重与set的功能操作
2021/04/29 Golang