热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

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

这篇文章主要介绍了vue.js将unix时间戳转换为自定义时间格式的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

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


$().ready(function() {

 Vue.filter('time',
 
 
 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;
 }
 
 // var t = Y+'-'+m+'-'+d+' '+H+':'+i+':'+s;
 
 var t = Y + '-' + m + '-' + d;
 return t;
 });)
};


{{tab2.fb1 | time}}

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

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

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

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


推荐阅读
  • VueCLI多页分目录打包的步骤记录
    本文介绍了使用VueCLI进行多页分目录打包的步骤,包括页面目录结构、安装依赖、获取Vue CLI需要的多页对象等内容。同时还提供了自定义不同模块页面标题的方法。 ... [详细]
  • vue组件component的注册与使用详解_vue.js
    组件是Vue是一个可以重复使用的Vue实例, 它拥有独一无二的组件名称,它可以扩展HTML元素,以组件名称的方式作为自定义的HTML标签,这篇文章主要介绍了vue组件compone ... [详细]
  • 用Vue实现的Demo商品管理效果图及实现代码
    本文介绍了一个使用Vue实现的Demo商品管理的效果图及实现代码。 ... [详细]
  • Vue基础一、什么是Vue1.1概念Vue(读音vjuː,类似于view)是一套用于构建用户界面的渐进式JavaScript框架,与其它大型框架不 ... [详细]
  • 轮播图根据字段限定可否被点击
    轮播图根据后端返回的内容中是否含有link值来处理是否可被点击及跳转.小程序中的条件判断用法代码:转载于:https:www.cnblogs.comquzqp111 ... [详细]
  • JavaScript对大小写敏感。JavaScript对大小写是敏感的。当编写JavaScript语句时,请留意是否关闭大小写切换键。函数getElementById ... [详细]
  • (笔试题)最大覆盖点
    题目:坐标轴上从左到右依次的点为a[0]、a[1]、a[2]……a[n-1],设一根木棒的长度为L,求L最多能覆盖坐标轴的几个点ÿ ... [详细]
  • web前端菜鸟如何升级到大神(转载)标签:web前端web前端菜鸟如何升级到大神(转载)标签:web前端随着互联网的发展速度迅猛,web前端工程师越来越火热,想学习Web前端开发吗 ... [详细]
  • Python中的集合操作
    来自:http:blog.csdn.netssw_1990articledetails219919031、set与frozenset(1)当集合对象会被改变时(例如添 ... [详细]
  • --查看当前已有的用户SELECTUsernameFROMdba_users;--创建临时CREATEUSERgzmpcIDENTIFIEDBYPASSWORD;--授权GRANT ... [详细]
  • 转自:http:blog.chinaunix.netuid-540802-id-3419311.htmlexplain显示了mysql如何使用索引来处理select语 ... [详细]
  • 1、dt视图结构内容dt+结构名要么dt+结构名+住址kddt_object_headernt!_OBJECT_HEADER+0x000PointerCount:Int4B+0x ... [详细]
  • 我已经在html中创建了一个表单,并且我想将其用户插入的数据以JSON对象的形式存储在JSON文件中&数组,我与json&一起使用JavaScripts ... [详细]
  • 欢迎来到McDSP的最新一代专业音频插件。我们的V7版本为我们的整个软件产品系列带来了大量新的和令人兴奋的功能,以及惊人的高清晰度用户界面。我们的工程团队已经听取了你 ... [详细]
  • 每次用到v-charts我都一阵头疼,因为明明是相同的功能,但是我好像每次用到的解决方法都不一样??每次都是在api中各种查,各种尝试…直到做了个各种数据图形的需求,决定还是好好整 ... [详细]
author-avatar
甜甜M雪糕
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有