当前位置 : 主页 > 网络编程 > JavaScript >

vue 实现手动分割日期

来源:互联网 收集:自由互联 发布时间:2023-02-08
目录 vue手动分割日期 例如 vue项目实用方法:分割时间成想要的格式 vue手动分割日期 例如 接口返回日期为20220201,要分割为2022年02月01日 代码: span style="margin-right: 10px;font-size: 14px"数据
目录
  • 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()方法分割时间格式,再把分割成的数组拼在一起

    以上为个人经验,希望能给大家一个参考,也希望大家多多支持易盾网络。

    网友评论