JavaScript日期格式化是在Web開發(fā)中經(jīng)常用到的一個功能。當(dāng)我們需要在網(wǎng)頁中展現(xiàn)日期數(shù)據(jù)時,往往需要將日期數(shù)據(jù)以人類易讀的形式展示出來。而這就需要將日期進(jìn)行格式化。
下面就以一個常見的日期格式化需求為例:將日期格式化為“年-月-日 時:分:秒”的形式。
function formatDateTime(date) { var year = date.getFullYear(); var month = date.getMonth() + 1; month = month< 10 ? '0' + month : month; var day = date.getDate(); day = day< 10 ? '0' + day : day; var hour = date.getHours(); hour = hour< 10 ? '0' + hour : hour; var minute = date.getMinutes(); minute = minute< 10 ? '0' + minute : minute; var second = date.getSeconds(); second = second< 10 ? '0' + second : second; return year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second; } var date = new Date(); console.log(formatDateTime(date)); //2022-01-01 00:00:00
上面的代碼中,我們以Date對象作為參數(shù)并返回一個格式化后的日期字符串。首先,我們使用getFullYear()方法獲取年份,使用getMonth()方法獲取月份,注意月份的范圍是0~11,因此我們需要將月份加1。接著,我們使用getDate()方法獲取日期,getHours()方法獲取小時,getMinutes()方法獲取分鐘,getSeconds()方法獲取秒數(shù)。其中,如果日期數(shù)據(jù)小于10,則補(bǔ)上前導(dǎo)0。最后,我們使用字符串拼接的方式將各部分日期和時間拼接成一個完整的格式化后的字符串。
若需將日期格式化為“年-月-日”的形式,代碼如下:
function formatDate(date) { var year = date.getFullYear(); var month = date.getMonth() + 1; month = month< 10 ? '0' + month : month; var day = date.getDate(); day = day< 10 ? '0' + day : day; return year + '-' + month + '-' + day; } var date = new Date(); console.log(formatDate(date)); //2022-01-01
若需將日期格式化為“月-日-年”的形式,代碼如下:
function formatDate(date) { var month = date.getMonth() + 1; month = month< 10 ? '0' + month : month; var day = date.getDate(); day = day< 10 ? '0' + day : day; var year = date.getFullYear(); return month + '-' + day + '-' + year; } var date = new Date(); console.log(formatDate(date)); //01-01-2022
需要注意的是,JavaScript中的日期格式化是非常靈活的,我們可以根據(jù)自己的需要隨意組合各種格式。例如,我們可以將日期格式化為“年/月/日”的形式:
function formatDate(date) { var year = date.getFullYear(); var month = date.getMonth() + 1; month = month< 10 ? '0' + month : month; var day = date.getDate(); day = day< 10 ? '0' + day : day; return year + '/' + month + '/' + day; } var date = new Date(); console.log(formatDate(date)); //2022/01/01
總結(jié)一下,JavaScript日期格式化是很常見的一個功能,我們可以根據(jù)自己的需求來定義不同的日期格式化函數(shù)。在實(shí)現(xiàn)時,我們可以使用Date對象的各種方法來獲取年月日時分秒等組成部分,并使用字符串拼接的方式將它們組合成符合要求的日期格式。