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日期格式化內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
JavaScript canvas實現(xiàn)九宮格切圖效果
這篇文章主要為大家詳細介紹了JavaScript canvas實現(xiàn)九宮格切圖效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-09-09
layui switch 開關監(jiān)聽 彈出確定狀態(tài)轉換的例子
今天小編就為大家分享一篇layui switch 開關監(jiān)聽 彈出確定狀態(tài)轉換的例子,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
將數(shù)字轉換成大寫的人民幣表達式的js函數(shù)
將數(shù)字轉換成大寫的人民幣,方法有很多,本例介紹的是使用js來完成的,有需要的朋友可以參考下2014-09-09
ES6新特性三: Generator(生成器)函數(shù)詳解
這篇文章主要介紹了ES6新特性之Generator(生成器)函數(shù),簡單分析了Generator(生成器)函數(shù)的功能、定義、調(diào)用方法并結合實例形式給出了相關使用技巧,需要的朋友可以參考下2017-04-04

