JavaScript實現(xiàn)日期格式化詳細實例
更新時間:2023年09月13日 08:56:40 作者:孤獨守夜
這篇文章主要給大家介紹了關于JavaScript實現(xiàn)日期格式化的相關資料,JavaScript中的日期對象提供了許多方法和屬性,可以通過它們來進行日期的格式化,需要的朋友可以參考下
一、日期對象
Date()是一個構造函數(shù),創(chuàng)建date對象時使用構造函數(shù)實例化對象
1、獲取當前系統(tǒng)時間
var date = new Date(); // new Date(); 獲取當前系統(tǒng)時間 // var date2 = new Date(15554457551111) //new Date(毫秒數(shù)) 代表創(chuàng)建毫秒數(shù)對象的日期對象 console.log(date); //獲取到的是當前時間 // 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 }
總結
到此這篇關于JavaScript實現(xiàn)日期格式化的文章就介紹到這了,更多相關js日期格式化內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
JavaScript中Number.isNaN 和 isNaN 的區(qū)別詳解
本文和大家分享一個前幾天寫代碼踩的坑,筆者在業(yè)務邏輯中需要對一個值進行NaN的判斷,由于筆者的不嚴謹,使用了isNaN,從而引起B(yǎng)ug,也正是因為這個,筆者才知道了isNaN和Number.isNaN的區(qū)別,所以本文就和大家聊聊它們的區(qū)別2023-09-09前端date.locale?is?not?a?function錯誤的簡單解決辦法
這篇文章主要給大家介紹了關于前端date.locale?is?not?a?function錯誤的簡單解決辦法,文中通過圖文介紹的非常詳細,需要的朋友可以參考下2023-09-09