成都网站建设设计

将想法与焦点和您一起共享

怎么在vue.js中将时间戳转化为日期格式

这篇文章主要为大家详细介绍了怎么在vue.js中将时间戳转化为日期格式,文中示例代码介绍的非常详细,具有一定的参考价值,发现的小伙伴们可以参考一下:

创新互联建站专注于新华网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供新华营销型网站建设,新华网站制作、新华网页设计、新华网站官网定制、微信平台小程序开发服务,打造新华网络公司原创品牌,更为您提供新华网站排名全网营销落地服务。

Vue的优点

Vue具体轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快等优势,Vue中页面使用的是局部刷新,不用每次跳转页面都要请求所有数据和dom,可以大大提升访问速度和用户体验。


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文件夹中。

在你的需要格式化时间戳的组件里像下面这样使用:


以上就是创新互联小编为大家收集整理的怎么在vue.js中将时间戳转化为日期格式,如何觉得创新互联网站的内容还不错,欢迎将创新互联网站推荐给身边好友。


文章标题:怎么在vue.js中将时间戳转化为日期格式
标题URL:http://chengdu.cdxwcx.cn/article/joccce.html