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 相关文章推荐
DOM精简教程
Oct 03 Javascript
通过javascript把图片转化为字符画
Oct 24 Javascript
使用JavaScript刷新网页的方法
Jun 04 Javascript
jQuery 1.9.1源码分析系列(十)事件系统之绑定事件
Nov 19 Javascript
easyui messager alert 三秒后自动关闭提示的实例
Nov 07 Javascript
JS实现的简单轮播图运动效果示例
Dec 22 Javascript
js截取字符串功能的实现方法
Sep 27 Javascript
webpack配置之后端渲染详解
Oct 26 Javascript
使用JavaScript实现node.js中的path.join方法
Aug 12 Javascript
详解Vue中组件传值的多重实现方式
Aug 16 Javascript
node运行js获得输出的三种方式示例详解
Jul 02 Javascript
如何在Vue.JS中使用图标组件
Aug 04 Javascript
使用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 array_map()数组函数使用说明
2011/07/12 PHP
深入PHP FTP类的详解
2013/06/13 PHP
PHP实现邮件群发的源码
2013/06/18 PHP
解决php的“It is not safe to rely on the system’s timezone settings”问题
2015/10/08 PHP
php技巧小结【推荐】
2017/01/19 PHP
PHP抽象类和接口用法实例详解
2019/07/20 PHP
JavaScript与C# Windows应用程序交互方法
2007/06/29 Javascript
jQuery Ajax 仿AjaxPro.Utility.RegisterTypeForAjax辅助方法
2011/09/27 Javascript
js实现俄罗斯方块小游戏分享
2014/01/31 Javascript
js实现的标题栏新消息闪烁提示效果
2014/06/06 Javascript
一个很有趣3D球状标签云兼容IE8
2014/08/22 Javascript
jQuery简单实现验证邮箱格式
2015/07/15 Javascript
AngularJS中的包含详细介绍及实现示例
2016/07/28 Javascript
Node.js中使用jQuery的做法
2016/08/17 Javascript
javascript垃圾收集机制的原理分析
2016/12/08 Javascript
PHP+jquery+ajax实现分页
2016/12/09 Javascript
jQuery实现下拉菜单的实例代码
2017/06/19 jQuery
jQuery pagination分页示例详解
2018/10/23 jQuery
微信小程序下拉加载和上拉刷新两种实现方法详解
2019/09/05 Javascript
jQuery实现本地存储
2020/12/22 jQuery
用python实现的可以拷贝或剪切一个文件列表中的所有文件
2009/04/30 Python
基于Python实现的百度贴吧网络爬虫实例
2015/04/17 Python
在Python的Flask中使用WTForms表单框架的基础教程
2016/06/07 Python
详解PyTorch批训练及优化器比较
2018/04/28 Python
Python requests发送post请求的一些疑点
2018/05/20 Python
python递归全排列实现方法
2018/08/18 Python
解决python3 pika之连接断开的问题
2018/12/18 Python
30秒学会30个超实用Python代码片段【收藏版】
2019/10/15 Python
师范毕业生自荐信
2013/10/17 职场文书
英语专业学生的自我评价
2013/12/30 职场文书
医学院校毕业生自荐信范文
2014/01/01 职场文书
大学生演讲稿
2014/04/25 职场文书
行政部经理助理岗位职责
2014/06/15 职场文书
学校消防安全责任书
2014/07/23 职场文书
建设幸福中国演讲稿
2014/09/11 职场文书
开展党的群众路线教育实践活动剖析材料
2014/10/13 职场文书