Tarikh JavaScript



Objek tarikh digunakan untuk mengendalikan tarikh dan masa.


Contoh Dalam Talian
Cara menggunakan kaedah Date() untuk mendapatkan tarikh hari ini.

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<script>
var d=new Date();
document.write(d);
</script>

</body>
</html>

Run Instance»

Klik butang "Run Instance" untuk melihat contoh dalam talian


getFullYear() Gunakan getFullYear() untuk mendapatkan tahun tersebut.

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<p id="demo">点击按钮获取今年的年份。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var d = new Date();
	var x = document.getElementById("demo");
	x.innerHTML=d.getFullYear();
}
</script>

</body>
</html>

Run Instance»

Klik butang "Run Instance" untuk melihat contoh dalam talian

getTime()
getTime() mengembalikan bilangan milisaat sejak 1 Januari 1970.

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<p id="demo">单击按钮显示1970年1月1号至今的毫秒数。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var d = new Date();
	var x = document.getElementById("demo");
	x.innerHTML=d.getTime();
}
</script>

</body>
</html>

Run Instance»

Klik butang "Run Instance" untuk melihat contoh dalam talian

setFullYear()
Cara menggunakan setFullYear() untuk menetapkan tarikh tertentu.

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<p id="demo">单击按钮显示修改后的年月日。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var d = new Date();
	d.setFullYear(2020,10,3);
	var x = document.getElementById("demo");
	x.innerHTML=d;
}
</script>
<p>记住JavaScript月数是从0至11。10是11月。</p>
</body>
</html>

Run Instance»

Klik butang "Run Instance" untuk melihat contoh dalam talian

toUTCString()
Cara menggunakan toUTCString() untuk menukar tarikh hari ini (mengikut UTC) kepada rentetan.

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<p id="demo">点击按钮把utc日期和时间转换成字符串。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var d = new Date();
	var x = document.getElementById("demo");
	x.innerHTML=d.toUTCString();
}
</script>

</body>
</html>

Run Instance»

Klik butang "Run Instance" untuk melihat contoh dalam talian

getDay()
Cara menggunakan getDay() dengan tatasusunan untuk memaparkan hari dalam seminggu, bukan hanya nombor.

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<p id="demo">单击按钮显示今天周几</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var d = new Date();
	var weekday=new Array(7);
	weekday[0]="周日";
	weekday[1]="周一";
	weekday[2]="周二";
	weekday[3]="周三";
	weekday[4]="周四";
	weekday[5]="周五";
	weekday[6]="周六";
	var x = document.getElementById("demo");
	x.innerHTML=weekday[d.getDay()];
}
</script>

</body>
</html>

Run Instance»

Klik butang "Run Instance" untuk melihat contoh dalam talian

Paparkan jam
Cara untuk memaparkan jam pada halaman web.

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script>
function startTime(){
	var today=new Date();
	var h=today.getHours();
	var m=today.getMinutes();
	var s=today.getSeconds();// 在小于10的数字钱前加一个‘0’
	m=checkTime(m);
	s=checkTime(s);
	document.getElementById('txt').innerHTML=h+":"+m+":"+s;
	t=setTimeout(function(){startTime()},500);
}
function checkTime(i){
	if (i<10){
		i="0" + i;
	}
	return i;
}
</script>
</head>
<body onload="startTime()">
	
<div id="txt"></div>
	
</body>
</html>

Run instance »

Klik butang "Run Instance" untuk melihat instance dalam talian

Manual Rujukan Objek Tarikh Lengkap

Kami menyediakan Rujukan objek Tarikh JavaScript manual, yang merangkumi semua sifat dan kaedah yang tersedia untuk objek tarikh. Manual Rujukan Objek Tarikh JavaScript.

Manual mengandungi penerangan terperinci dan contoh berkaitan setiap sifat dan kaedah. Objek Tarikh digunakan untuk memproses tarikh dan masa.

Objek tarikh boleh ditakrifkan melalui kata kunci baharu. Kod berikut mentakrifkan objek Date bernama myDate: Terdapat empat cara untuk memulakan tarikh:

new Date() // Tarikh dan masa semasanew Date( milisaat ) //Kembalikan bilangan milisaat sejak 1 Januari 1970Tarikh baharu(dateString)Tarikh baharu(tahun, bulan, hari, jam, minit, saat, milisaat)

Kebanyakan parameter di atas adalah pilihan Jika tidak dinyatakan, parameter lalai ialah 0.

Beberapa contoh membuat seketika tarikh:

var today = new Date()

var d1 = new Date("Oktober 13, 1975 11:13:00" )
var d2 = Tarikh baharu(79,5,24)
var d3 = Tarikh baharu(79,5,24,11,33,0)


Tetapkan Tarikh

Kami boleh mengendalikan tarikh dengan mudah dengan menggunakan kaedah pada objek tarikh.

Dalam contoh berikut, kami menetapkan tarikh tertentu (14 Januari 2010) untuk objek tarikh:
var myDate=new Date();
myDate.setFullYear (2010,0,14);

Dalam contoh berikut, kami menetapkan objek tarikh kepada tarikh 5 hari kemudian:
var myDate= new Date() ;

myDate.setDate(myDate.getDate()+5);

Nota: Jika penambahan hari akan menukar bulan atau tahun, maka objek tarikh akan melengkapkan penukaran ini secara automatik.


Perbandingan dua tarikh

Objek tarikh juga tersedia Untuk membandingkan dua tarikh.

Kod berikut membandingkan tarikh semasa dengan 14 Januari 2100:

var x=new Date();
x.setFullYear(2100,0 ,14);

var hari ini = Tarikh baharu();jika (x>hari ini){makluman("Hari ini sebelum 14 Januari 2100");
}

lain

{

amaran("Hari ini selepas 14 Januari 2100");

}









←
→