vue 手动分割日期

前端小蔡姬

于 2022-04-02 11:20:29 发布

阅读量2.1k

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/x_nweBorder01k/article/details/123916117

版权

这篇博客介绍了一个JavaScript方法，用于将接口返回的日期字符串（如20220201）转换为2022年02月01日的格式。在Vue.js应用中，通过`formatStr`函数实现日期格式化，适用于前端展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

例如：接口返回日期为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 ''
      }
    },