vue 实现手动分割日期

 更新时间:2022年10月09日 14:31:34   作者:前端小蔡姬  
这篇文章主要介绍了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()方法分割时间格式,再把分割成的数组拼在一起

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

相关文章

  • vue 自定义 select内置组件

    vue 自定义 select内置组件

    这篇文章主要介绍了vue 自定义内置组件 select的相关知识,整合了第三方jquery 插件select2,具体实例代码大家参考下本文
    2018-04-04
  • Vue3中同时定义多个插槽的实现示例

    Vue3中同时定义多个插槽的实现示例

    本文主要介绍了Vue3中同时定义多个插槽的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-12-12
  • vue组件打包并发布到npm的全过程

    vue组件打包并发布到npm的全过程

    这篇文章主要介绍了vue组件打包并发布到npm的全过程,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-01-01
  • Vue快速实现通用表单验证的示例代码

    Vue快速实现通用表单验证的示例代码

    这篇文章主要介绍了Vue快速实现通用表单验证的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-01-01
  • Vue2.0实现1.0的搜索过滤器功能实例代码

    Vue2.0实现1.0的搜索过滤器功能实例代码

    本篇文章主要介绍了Vue2.0实现1.0的搜索过滤器功能实例代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
    2017-03-03
  • vue-element-admin 登陆及目录权限控制的实现

    vue-element-admin 登陆及目录权限控制的实现

    本文主要介绍了vue-element-admin 登陆及目录权限控制的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-04-04
  • Vue报错Component name"Home"should always be multi问题

    Vue报错Component name"Home"should always be mult

    这篇文章主要介绍了Vue报错Component name"Home"should always be multi问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • Vue2.0 axios前后端登陆拦截器(实例讲解)

    Vue2.0 axios前后端登陆拦截器(实例讲解)

    下面小编就为大家带来一篇Vue2.0 axios前后端登陆拦截器(实例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • vue 关闭浏览器窗口的时候,清空localStorage的数据示例

    vue 关闭浏览器窗口的时候,清空localStorage的数据示例

    今天小编就为大家分享一篇vue 关闭浏览器窗口的时候,清空localStorage的数据示例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-11-11
  • el-table fixed固定列导致错位的解决方法介绍

    el-table fixed固定列导致错位的解决方法介绍

    ElementUI中el-table设置指定列固定不动,不受滚动条影响,下面这篇文章主要给大家介绍了关于el-table fixed固定列导致错位的解决方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-11-11

最新评论