JavaScript實現(xiàn)日期格式化詳細(xì)實例
一、日期對象
Date()是一個構(gòu)造函數(shù),創(chuàng)建date對象時使用構(gòu)造函數(shù)實例化對象
1、獲取當(dāng)前系統(tǒng)時間
var date = new Date(); // new Date(); 獲取當(dāng)前系統(tǒng)時間 // var date2 = new Date(15554457551111) //new Date(毫秒數(shù)) 代表創(chuàng)建毫秒數(shù)對象的日期對象 console.log(date); //獲取到的是當(dāng)前時間 // console.log(typeof date);
2、日期的原始值
獲取到的是1970年1月1日至今的毫秒數(shù)
console.log(date.getTime()); // getTime(); 日期的原始值 獲取到的是1970年1月1日至今的毫秒數(shù)
3、獲取年份
console.log(date.getFullYear()); // date.getFullYear(); 獲取年份
4、獲取月份
月份從0開始的所以要加1
console.log(date.getMonth() + 1); // date.getMonth(); 獲取月份 月份從0開始的所以要加1
5、獲取日
console.log(date.getDate()); // date.getDate(); 獲取日
6、獲取星期
console.log(date.getDay()); //date.getDay(); 獲取星期
7、獲取小時
console.log(date.getHours()); //date.getHours(); 獲取小時
8、獲取分鐘
console.log(date.getMinutes()); // date.getMinutes(); 獲取分鐘
9、獲取秒
console.log(date.getSeconds()); //date.getSeconds(); 獲取秒
二、通過日期對象的方法實現(xiàn)日期格式化
實現(xiàn)日期格式化效果圖
function dateFormat(date) { console.log(showTime(date.getHours())); var year = date.getFullYear(); // 年 var month = showTime(date.getMonth() + 1); // 月 var week = showTime(date.getDay()); // 星期 var day = showTime(date.getDate()); // 日 var hours = showTime(date.getHours()); // 小時 var minutes = showTime(date.getMinutes()); // 分鐘 var second = showTime(date.getSeconds()); // 秒 var str = ''; str = str + year + '-' + month + '-' + week + '-' + day + '-' + hours + '-' + minutes + '-' + second document.write(str); } var date = new Date(); dateFormat(date); // 封裝一個不夠兩位數(shù)就補零的函數(shù) function showTime(t) { var time time = t > 10 ? t : '0' + t return time }
日期格式化實現(xiàn)效果圖
其中包含封裝一個不夠兩位數(shù)就補零的函數(shù)
一個不夠兩位數(shù)就補零的函數(shù)
// 封裝一個不夠兩位數(shù)就補零的函數(shù) function showTime(t) { var time time = t >= 10 ? t : '0' + t return time }
總結(jié)
到此這篇關(guān)于JavaScript實現(xiàn)日期格式化的文章就介紹到這了,更多相關(guān)js日期格式化內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
在TypeScript項目中搭配Axios封裝后端接口調(diào)用
這篇文章主要介紹了在TypeScript項目中搭配Axios封裝后端接口調(diào)用,本文記錄一下在?TypeScript?項目里封裝?axios?的過程,之前在開發(fā)?StarBlog-Admin?的時候已經(jīng)做了一次封裝,不過那時是JavaScript跟TypeScript還是有些區(qū)別的,需要的朋友可以參考下2024-01-01JavaScript中Number.isNaN 和 isNaN 的區(qū)別詳解
本文和大家分享一個前幾天寫代碼踩的坑,筆者在業(yè)務(wù)邏輯中需要對一個值進(jìn)行NaN的判斷,由于筆者的不嚴(yán)謹(jǐn),使用了isNaN,從而引起B(yǎng)ug,也正是因為這個,筆者才知道了isNaN和Number.isNaN的區(qū)別,所以本文就和大家聊聊它們的區(qū)別2023-09-09微信小程序如何在頁面跳轉(zhuǎn)時進(jìn)行頁面導(dǎo)航
小程序能夠在不同的頁面進(jìn)行跳轉(zhuǎn)切換,路由起到了至關(guān)重要的作用,下面這篇文章主要給大家介紹了關(guān)于微信小程序如何在頁面跳轉(zhuǎn)時進(jìn)行頁面導(dǎo)航的相關(guān)資料,需要的朋友可以參考下2022-09-09在js文件中引入(調(diào)用)另一個js文件的三種方法
這篇文章主要介紹了在js文件中引入(調(diào)用)另一個js文件的三種方法,幫助大家更好的理解和學(xué)習(xí)JavaScript,感興趣的朋友可以了解下2020-09-09前端date.locale?is?not?a?function錯誤的簡單解決辦法
這篇文章主要給大家介紹了關(guān)于前端date.locale?is?not?a?function錯誤的簡單解決辦法,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下2023-09-09js實現(xiàn)點擊后將文字或圖片復(fù)制到剪貼板的方法
這篇文章主要介紹了js實現(xiàn)點擊后將文字或圖片復(fù)制到剪貼板的方法,功能非常實用,需要的朋友可以參考下2014-08-08