vue时间转换为时间戳,vue日期转换

  vue时间转换为时间戳,vue日期转换

  这篇文章主要介绍了某视频剪辑软件时间转换的几种方式,需要的朋友可以参考下

  

VUE 时间转换

  做一个项目肯定会关系到很多的数据类型,数据类型之间都是可以转化的,前端有时候从后端拿到的时间不符合标准,此时就需要转换以后再去使用,转换有两种方式,看你个人比较喜欢哪一种。这里已时间转换为例子

  

过滤器filter

  

全局过滤器

  在主页。射流研究…写入

  //时间戳过滤器

  Vue.filter(dateFormat ,(dataStr)={

  var时间=新日期(dataStr)

  函数timeAdd0(字符串){

  如果(字符串10) {

  str=0 str

  }

  返回字符串

  }

  var y=time.getFullYear()

  var m=time.getMonth() 1

  var d=time.getDate()

  var h=time.getHours()

  var mm=time.getMinutes()

  var s=time.getSeconds()

  返回y -时间加0(m)-时间加0(d) 时间加0(h):时间加0(mm):时间加0(s)

  })

  此时时间戳详细信息。创建时间就会变成过滤器的参数dataStr进行运算

  

局部过滤器

  在某视频剪辑软件单文件中,有过滤属性,和周期函数并列,

  注意,此时是过滤不是过滤器局部一般比全局多一个s,比如成分的全局和局部的区别是一样的

  已创建(){

  },

  过滤器:{

  日期格式:函数(dataStr){

  var时间=新日期(dataStr)

  函数timeAdd0(字符串){

  如果(字符串10) {

  str=0 str

  }

  返回字符串

  }

  var y=time.getFullYear()

  var m=time.getMonth() 1

  var d=time.getDate()

  var h=time.getHours()

  var mm=time.getMinutes()

  var s=time.getSeconds()

  返回y -时间加0(m)-时间加0(d) 时间加0(h):时间加0(mm):时间加0(s)

  }

  },

  

使用

  使用方式全局和局部都是一样的,我们只需要在过滤的数据后面加上就行

  跨度发布时间:{ {详细信息。创建时间日期格式} }/span

  

JS引用转换

  在实用工具文件中建一个js,用于时间转换

  导出函数tempToData(unixtimestamp2) {

  var unixtimestamp=新日期(unixtimestamp2)

  var year=1900 unixtimestamp。获取年份()

  var month= 0 (unixtimestamp。获取月份()1)

  var date= 0 unixtimestamp。获取日期()

  var hour= 0 unixtimestamp。获取小时数()

  var minute= 0 unixtimestamp。获取分钟数()

  var second= 0 unixtimestamp。获取秒数()

  返回年份-月份。子串(月。长度-2,月。长度)-日期。substring(date.length-2,date。长度)

   hour.substring(hour.length - 2,hour.length):

  一分钟。substring(minute.length-2,分钟。长度):

  秒.子串(秒。长度- 2,秒。长度)

  }

  此时我们使用的时候,只要把射流研究…引用,在使用就行

  

全局引用

  在主页。射流研究…引用就行

  从" @/实用工具/数据实用工具"导入{ tempToData }

  

局部引用

  在对应的某视频剪辑软件文件中引用

  从" @/实用工具/数据实用工具"导入{ tempToData }

  

使用方式

  span { { mTempToData(详细信息。创建时间)} }/span

  

总结

  两种方式各有千秋,但是我个人比较喜欢过滤器过滤器的使用,在学习过程中要学会举一反三

  更多关于vue时间转换的方式请查看下面的相关链接

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: