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-element-admin 登陆及目录权限控制的实现
本文主要介绍了vue-element-admin 登陆及目录权限控制的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2022-04-04Vue报错Component name"Home"should always be mult
这篇文章主要介绍了Vue报错Component name"Home"should always be multi问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2022-09-09vue 关闭浏览器窗口的时候,清空localStorage的数据示例
今天小编就为大家分享一篇vue 关闭浏览器窗口的时候,清空localStorage的数据示例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
最新评论