快捷導(dǎo)航

vue怎樣獲取當(dāng)前時(shí)間,并且傳遞給后端(不用注解)

更新時(shí)間：2023年12月02日 14:11:28 作者：最愛吃蘋果

這篇文章主要介紹了vue怎樣獲得當(dāng)前時(shí)間,并且傳遞給后端(不用注解)問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

vue獲得當(dāng)前時(shí)間,并且傳遞給后端

第一步

先獲得當(dāng)前時(shí)間

  var _this = this;
      let yy = new Date().getFullYear();
      let mm = new Date().getMonth()+1;
      let dd = new Date().getDate();
      let hh = new Date().getHours();
      let mf = new Date().getMinutes()<10 ? '0'+new Date().getMinutes() : new Date().getMinutes();
      let ss = new Date().getSeconds()<10 ? '0'+new Date().getSeconds() : new Date().getSeconds();

第二步

寫用對象返回（我是給后端返回一個(gè)對象，所以在time前加了個(gè)messageboard，如果你沒有直接返回time節(jié)ok）

  _this.messageBoard.time = yy+"-"+mm+"-"+dd;
      console.log(_this.messageBoard.time)

為什么不住注解

以下：后端要求的標(biāo)準(zhǔn)寫法，如果你想要加小時(shí)，分鐘，秒就按照下面的格式寫。

standard forms ("yyyy-MM-dd'T'HH:mm:ss.SSSX", "yyyy-MM-dd'T'HH:mm:ss.SSS", "EEE, dd MMM yyyy HH:mm:ss zzz", "yyyy-MM-dd")

vue獲取當(dāng)前時(shí)間（年月日時(shí)分秒）

代碼實(shí)現(xiàn)

    // 獲取當(dāng)前時(shí)間
    const getGurrentTime = () => {
      let yy = new Date().getFullYear();
      let mm = (new Date().getMonth() + 1) < 10 ? '0' + (new Date().getMonth() + 1) : (new Date().getMonth() + 1);
      let dd = (new Date().getDate()) < 10 ? '0' + (new Date().getDate() + 1) : (new Date().getDate() + 1);
      let hh = new Date().getHours() < 10 ? '0' + new Date().getHours() : new Date().getHours();
      let mf = new Date().getMinutes() < 10 ? '0' + new Date().getMinutes() : new Date().getMinutes();
      let ss = new Date().getSeconds() < 10 ? '0' + new Date().getSeconds() : new Date().getSeconds();
      return  yy + '-' + mm + '-' + dd + ' ' + hh + ':' + mf + ':' + ss;
    };

實(shí)現(xiàn)效果

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

vue-cli項(xiàng)目中怎么使用mock數(shù)據(jù)
本篇文章主要介紹了vue-cli項(xiàng)目中怎么使用mock數(shù)據(jù) ，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-09-09
淺談Vue2.0父子組件間事件派發(fā)機(jī)制
本篇文章主要介紹了淺談Vue2.0父子組件間事件派發(fā)機(jī)制，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-01-01
Vue echarts畫甘特圖流程詳細(xì)講解
這篇文章主要介紹了Vue echarts畫甘特圖流程，甘特圖（Gantt chart）又稱為橫道圖、條狀圖(Bar chart)。其通過條狀圖來顯示項(xiàng)目、進(jìn)度和其他時(shí)間相關(guān)的系統(tǒng)進(jìn)展的內(nèi)在關(guān)系隨著時(shí)間進(jìn)展的情況
2022-09-09
瀏覽器事件循環(huán)與vue nextTicket的實(shí)現(xiàn)
這篇文章主要介紹了瀏覽器事件循環(huán)（結(jié)合vue nextTicket）的實(shí)現(xiàn)方法,需要的朋友可以參考下
2019-04-04
vue實(shí)現(xiàn)短信驗(yàn)證碼登錄功能（流程詳解）
無論是移動(dòng)端還是pc端登錄或者注冊界面都會(huì)見到手機(jī)驗(yàn)證碼登錄這個(gè)功能，輸入手機(jī)號，得到驗(yàn)證碼，這篇文章主要介紹了基于vue實(shí)現(xiàn)短信驗(yàn)證碼登錄功能,需要的朋友可以參考下
2019-12-12
淺談vue項(xiàng)目打包優(yōu)化策略
這篇文章主要介紹了淺談vue項(xiàng)目打包優(yōu)化策略，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-09-09
解決項(xiàng)目vite1.0升級到2.0打包遇到Some chunks are larger問題
本文主要介紹了解決項(xiàng)目vite1.0升級到2.0打包遇到Some chunks are larger問題，文中根據(jù)實(shí)例編碼詳細(xì)介紹的十分詳盡，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-03-03
Vue2+element-ui實(shí)現(xiàn)面包屑導(dǎo)航
這篇文章主要為大家詳細(xì)介紹了Vue2+element-ui使用面包屑導(dǎo)航的正確姿勢，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-04-04
在Vue項(xiàng)目中用fullcalendar制作日程表的示例代碼
這篇文章主要介紹了在Vue項(xiàng)目中用fullcalendar制作日程表，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-08-08
vue 遞歸組件的簡單使用示例
這篇文章主要介紹了vue 遞歸組件的簡單使用示例，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下
2021-01-01