vue?實現(xiàn)手動分割日期
更新時間：2022年10月09日 14:31:34 作者：前端小蔡姬
這篇文章主要介紹了vue?實現(xiàn)手動分割日期，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
vue手動分割日期
例如
接口返回日期為20220201，要分割為2022年02月01日
代碼：
<span style="margin-right: 10px;font-size: 14px">數(shù)據(jù)日期：{{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()方法分割時間格式，再把分割成的數(shù)組拼在一起
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
本篇文章給大家詳細分析了vue組件開發(fā)腳手架的相關(guān)內(nèi)容以及知識點，對此有興趣的朋友可以學(xué)習(xí)參考下。2018-06-06
基于vue-cli配置lib-flexible + rem實現(xiàn)移動端自適應(yīng)
這篇文章主要介紹了基于vue-cli配置lib-flexible + rem實現(xiàn)移動端自適應(yīng),需要的朋友可以參考下2017-12-12
在看這篇文章的幾點要求：需要你先知道Vue-Router是個什么東西，用來解決什么問題，以及它的基本使用。如果你還不懂的話，建議上官網(wǎng)了解下Vue-Router的基本使用后再回來看這篇文章2022-09-09
這篇文章主要介紹了vue窗口變化onresize,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-08-08
這篇文章主要介紹了Vue表單輸入綁定的示例代碼，本文使用v-model指令在表單input創(chuàng)建雙向數(shù)據(jù)綁定，非常具有實用價值，需要的朋友可以參考下2018-11-11
一文掌握Pinia使用及數(shù)據(jù)持久化存儲超詳細教程
這篇文章主要介紹了Pinia安裝使用及數(shù)據(jù)持久化存儲的超詳細教程，本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-07-07
淺談vue項目優(yōu)化之頁面的按需加載(vue+webpack)
本篇文章主要介紹了vue項目優(yōu)化之頁面的按需加載(vue+webpack)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-12-12
這篇文章主要為大家詳細介紹了Vue3如何結(jié)合Vant實現(xiàn)簡單的登錄功能,文中的示例代碼講解詳細,有需要的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-04-04
Vue+Element Plus實現(xiàn)自定義日期選擇器
這篇文章主要為大家詳細介紹了如何基于Vue和Element Plus提供的現(xiàn)有組件,設(shè)計并實現(xiàn)了一個自定義的日期選擇器組件,感興趣的小伙伴可以參考一下2024-12-12
這篇文章主要為大家介紹了Vue布置導(dǎo)航守衛(wèi)獲取用戶信息，有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08