天天看點

JS日期對象Date

一.建立日期對象

建立日期對象隻有構造函數一種方式,使用new關鍵字

// 不指定參數,預設目前時間
var now = new Date();
console.log(now);
// Thu Mar 11 2021 21:17:51 GMT+0800 (中國标準時間)

var xmas = new Date('December 25,1995 13:30:00');
console.log(xmas); 
// Mon Dec 25 1995 13:30:00 GMT+0800 (中國标準時間)

var xmas = new Date(1995,11,25);
console.log(xmas); 
// Mon Dec 25 1995 00:00:00 GMT+0800 (中國标準時間)

var xmas = new Date(1995,11,25,14,30,0);
console.log(xmas);
// Mon Dec 25 1995 14:30:00 GMT+0800 (中國标準時間)
           

二.常用方法

方法 含義
getDate() 根據本地時間傳回指定日期對象的月份中的第幾天(1-31)
getMonth() 根據本地時間傳回指定日期對象的月份(0-11)
getFullYear() 根據本地時間傳回指定日期對象的年份(四位數年份時傳回四位數字)
getDay() 根據本地時間傳回指定日期對象的星期中的第幾天(0-6)
getHours() 根據本地時間傳回指定日期對象的小時(0-23)
getMinutes() 根據本地時間傳回指定日期對象的分鐘(0-59)
getSeconds() 根據本地時間傳回指定日期對象的秒數(0-59)
getMilliseconds() 根據本地時間傳回指定日期對象的擷取毫秒
getTime()

傳回累計毫秒數(從1970/1/1午夜)

更多詳細方法 : https://www.w3school.com.cn/jsref/jsref_obj_date.asp

三.常用方法示例

var now = new Date();

//常用方法
console.log(now.getDate());    //擷取月份的第幾天(1·31)
console.log(now.getMonth());   //擷取月份(0`11)+1
console.log(now.getFullYear());//擷取年份
console.log(now.getDay());     //擷取一星期中的第幾天(0`6)
console.log(now.getHours());   //擷取小時(0·23)
console.log(now.getMinutes()); //擷取分鐘(0·59)
console.log(now.getSeconds()); //擷取秒(0·59)

//日期格式化方法
console.log(now.toDateString());//星期幾 月 日 年
console.log(now.toTimeString());//時 分 秒 時區

//常用
console.log(now.toLocaleDateString());//年 月 日
console.log(now.toLocaleTimeString());//時 分 秒
console.log(now.toLocaleString());    //年 月 日 時 分 秒

// UTC時間
console.log(now.toUTCString());
           

四.數字時鐘格式

  • 封裝了一個函數, 直接可使用
//下次使用直接調用這個函數就行
function nowNumTime(){
	var now = new Date();
	var hour = now.getHours();//(0~23)
	var minute = now.getMinutes();
	var second = now.getSeconds();
	//用三元表達式:(18>12 ? hour-12 : hour)
	var temp = '' + (hour > 12 ? hour - 12 : hour);
	if(hour === 0){
		hour = '12';
	}
	temp = temp+(minute < 10? ':0' : ':') + minute;
	temp = temp+(second < 10? ':0' : ':') + second;
	temp = temp+(hour >= 12? ' P.M.' : ' A.M');
	return temp;
}
var nowTime = nowNumTime();
console.log(nowTime);  // 9:22:26 P.M.
           

繼續閱讀