vue獲取當(dāng)前日期時間(使用moment和new?Date())
更新時間：2023年06月02日 09:25:09 作者：豬大俠0.0
在項目開發(fā)中我遇到了日期范圍選擇器,兩種獲取當(dāng)前日期并做處理的寫法,這里記錄一下,下面這篇文章主要給大家介紹了關(guān)于vue獲取當(dāng)前日期時間(使用moment和new?Date())的相關(guān)資料,需要的朋友可以參考下
vue獲取當(dāng)前日期時間
開發(fā)中會有要獲取當(dāng)前日期的需求，有的是獲取到當(dāng)前月份，有的是精確到分秒。
而且日期的格式還不一樣，一下有兩種獲取時間的方式：
1 new Date()+拼接
格式一：
- yy/MM/dd hh:mm:ss – 例如：2022/05/01 00:00:00
- yy/M/d hh:mm:ss – 例如：2022/5/1 00:00:00
/**
* 獲取當(dāng)前時間
*/
currentTime() {
var date = new Date();
var year = date.getFullYear(); //月份從0~11，所以加一
let month = date.getMonth();
console.log("month",month);
var dateArr = [
date.getMonth() + 1,
date.getDate(),
date.getHours(),
date.getMinutes(),
date.getSeconds(),
];
//如果格式是MM則需要此步驟，如果是M格式則此循環(huán)注釋掉
for (var i = 0; i < dateArr.length; i++) {
if (dateArr[i] >= 1 && dateArr[i] <= 9) {
dateArr[i] = "0" + dateArr[i];
}
}
var strDate =
year +
"/" +
dateArr[0] +
"/" +
dateArr[1] +
" " +
dateArr[2] +
":" +
dateArr[3] +
":" +
dateArr[4];
//此處可以拿外部的變量接收，也可直接返回 strDate:2022-05-01 13:25:30
//this.date = strDate;
console.log("strDate",strDate);
},格式二：
- yy-MM-dd hh:mm:ss – 例如：2022-05-01 00:00:00
- yy-MM-dd hh:mm:ss – 例如：2022-05-01 00:00:00
/**
* 獲取當(dāng)前時間
*/
currentTime() {
var date = new Date();
var year = date.getFullYear(); //月份從0~11，所以加一
let month = date.getMonth();
console.log("month",month);
var dateArr = [
date.getMonth() + 1,
date.getDate(),
date.getHours(),
date.getMinutes(),
date.getSeconds(),
];
//如果格式是MM則需要此步驟，如果是M格式則此循環(huán)注釋掉
for (var i = 0; i < dateArr.length; i++) {
if (dateArr[i] >= 1 && dateArr[i] <= 9) {
dateArr[i] = "0" + dateArr[i];
}
}
var strDate =
year +
"/" +
dateArr[0] +
"/" +
dateArr[1] +
" " +
dateArr[2] +
":" +
dateArr[3] +
":" +
dateArr[4];
//此處可以拿外部的變量接收 strDate:2022-05-01 13:25:30
//this.date = strDate;
console.log("strDate",strDate);
},獲取當(dāng)前月份
/**
* 獲取當(dāng)前月份，可直接返回
*/
currentTime() {
var date = new Date();
var year = date.getFullYear(); //月份從0~11，所以加一
let month = date.getMonth() + 1;
console.log("month", month);
//如果格式是MM則需要此步驟，如果是M格式則此處注釋掉
if (month >= 1 && month <= 9) {
month = "0" + month;
}
let strDate = year + "-" + month;
return strDate;
},2 moment()函數(shù)獲取
用法：
this.$moment().format('YYYY-MM-DD HH:mm:ss')此函數(shù)很方便，只需在format設(shè)置自己需要的格式即可，效果如下
總結(jié)
到此這篇關(guān)于vue獲取當(dāng)前日期時間的文章就介紹到這了,更多相關(guān)vue獲取當(dāng)前日期時間內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
vue3監(jiān)聽resize窗口事件(離開頁面要銷毀窗口事件)
這篇文章主要給大家介紹了關(guān)于vue3監(jiān)聽resize窗口事件(離開頁面要銷毀窗口事件)的相關(guān)資料,vue是單頁面應(yīng)用,路由切換后,定時器并不會自動關(guān)閉,需要手動清除,當(dāng)頁面被銷毀時,清除定時器即可,需要的朋友可以參考下2023-11-11
通過配置多頁面應(yīng)用，從而將給子模塊依賴分隔開各自加載，可以減少初始資源的請求，加快頁面的訪問速度，這篇文章主要介紹了vue3+vite配置多頁面的詳細過程,需要的朋友可以參考下2023-06-06
vue-router的導(dǎo)航守衛(wèi)使用最新講解
這篇文章主要介紹了vue-router的導(dǎo)航守衛(wèi)使用講解,vue-router提供了許多編程式導(dǎo)航的API，其中最常見的導(dǎo)航API有很多種，本文給大家詳細講解，需要的朋友可以參考下2022-12-12
Vue?element-ui中表格過長內(nèi)容隱藏顯示的實現(xiàn)方式
在Vue項目中,使用ElementUI渲染表格數(shù)據(jù)時,如果某一個列數(shù)值長度超過列寬,會默認(rèn)換行,造成顯示不友好,下面這篇文章主要給大家介紹了關(guān)于Vue?element-ui中表格過長內(nèi)容隱藏顯示的實現(xiàn)方式,需要的朋友可以參考下2022-09-09
詳解win7 cmd執(zhí)行vue不是內(nèi)部命令的解決方法
這篇文章主要介紹了詳解win7 cmd執(zhí)行vue不是內(nèi)部命令的解決方法的相關(guān)資料,這里提供了解決問題的詳細步驟，具有一定的參考價值，需要的朋友可以參考下2017-07-07
vue-router?導(dǎo)航完成后獲取數(shù)據(jù)的實現(xiàn)方法
這篇文章主要介紹了vue-router?導(dǎo)航完成后獲取數(shù)據(jù),通過使用生命周期的 created() 函數(shù)，在組件創(chuàng)建完成后調(diào)用該方法，本文結(jié)合實例代碼給大家講解的非常詳細需要的朋友可以參考下2022-11-11
這篇文章主要介紹了Vue用this.$set改變數(shù)組里的某個值,文中通過示例代碼介紹了vue中this.$set()的用法----更新數(shù)組和對象的值，需要的朋友可以參考下2022-12-12
這篇文章主要介紹了vue無限輪播插件，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
這篇文章主要介紹了vue項目在線上服務(wù)器訪問失敗原因分析，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
在vue中創(chuàng)建mapbox地圖，地圖只顯示一般，查看瀏覽器開發(fā)者工具，發(fā)現(xiàn)將canvas.mapboxgl-canvas 的position:absolute去掉就解決了，今天小編通過本文給大家分享詳細過程，感興趣的朋友跟隨小編一起看看吧2023-07-07