vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > vue手动分割日期

vue 实现手动分割日期

作者:前端小蔡姬

这篇文章主要介绍了vue 实现手动分割日期,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

vue手动分割日期

例如

接口返回日期为20220201,要分割为2022年02月01日

代码:

<span style="margin-right: 10px;font-size: 14px">数据日期:{{formatStr(indTime)}}</span>

在data中定义:

indTime: '',

取到indTime时间值以后在methods里面加入方法:

formatStr(str) {
      if (str) {
        return `${str.substr(0, 4)}年${str.substr(4, 2)}月${str.substr(6, 2)}日`
      } else {
        return ''
      }
    },

vue项目实用方法:分割时间成想要的格式

用split()方法分割时间格式,再把分割成的数组拼在一起

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文