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组件开发脚手架的相关内容以及知识点，对此有兴趣的朋友可以学习参考下。2018-06-06
基于vue-cli配置lib-flexible + rem实现移动端自适应
这篇文章主要介绍了基于vue-cli配置lib-flexible + rem实现移动端自适应,需要的朋友可以参考下2017-12-12
在看这篇文章的几点要求：需要你先知道Vue-Router是个什么东西，用来解决什么问题，以及它的基本使用。如果你还不懂的话，建议上官网了解下Vue-Router的基本使用后再回来看这篇文章2022-09-09
这篇文章主要介绍了vue窗口变化onresize,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-08-08
这篇文章主要介绍了Vue表单输入绑定的示例代码，本文使用v-model指令在表单input创建双向数据绑定，非常具有实用价值，需要的朋友可以参考下2018-11-11
这篇文章主要介绍了Pinia安装使用及数据持久化存储的超详细教程，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-07-07
浅谈vue项目优化之页面的按需加载(vue+webpack)
本篇文章主要介绍了vue项目优化之页面的按需加载(vue+webpack)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-12-12
这篇文章主要为大家详细介绍了Vue3如何结合Vant实现简单的登录功能,文中的示例代码讲解详细,有需要的小伙伴可以跟随小编一起学习一下2024-04-04
这篇文章主要为大家详细介绍了如何基于Vue和Element Plus提供的现有组件,设计并实现了一个自定义的日期选择器组件,感兴趣的小伙伴可以参考一下2024-12-12
这篇文章主要为大家介绍了Vue布置导航守卫获取用户信息，有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-08-08
最新评论