Objek Tarikh JavaScript

Bab ini memperkenalkan objek Tarikh JavaScript.

Objek tarikh digunakan untuk mengendalikan tarikh dan masa.

JavaScript Date (tarikh) contoh objek

Cara menggunakan kaedah Date() untuk mendapatkan tarikh semasa:

<html>
<meta charset="utf-8">
<body>
<script type="text/javascript">
document.write(Date())
</script>
</body>
</html>

getTime() mengembalikan tarikh dari 1 Januari, 1990 hingga sekarang Bilangan milisaat:

<!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>

Cara menggunakan setFullYear() untuk menetapkan tarikh tertentu:

<!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>

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

<!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>

Cara menggunakan getDay() dan tatasusunan untuk memaparkan hari dalam seminggu, bukan hanya nombor:

<!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>

Cara memaparkan jam pada halaman web:

<!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>

Tarikh Penciptaan

Objek tarikh digunakan untuk mengendalikan 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 semasa
new Date(milisaat) / / Mengembalikan bilangan milisaat sejak 1 Januari 1970
Tarikh baharu(dateString)
Tarikh baharu(tahun, bulan, hari, jam, minit, saat, milisaat)

Parameter di atas adalah besar Kebanyakannya adalah pilihan Jika tidak dinyatakan, parameter lalai ialah 0.

<pSehari dari 1970="" year="" 1="" month="" ialah 86,400,000 milisaat<="" p="" style="color: rgb(51 , 51, 51 ); -warna: rgb(255, 255, 255);">

Beberapa contoh membuat seketika tarikh:

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

Tetapkan Tarikh

Dengan menggunakan kaedah pada objek tarikh, kita boleh mengendalikan tarikh dengan mudah.

Dalam contoh berikut, kami menetapkan tarikh tertentu (14 Januari 2010) untuk objek tarikh:

var myDate=new Date();
myDate(2010, 0,14);

Dalam contoh berikut, kami menetapkan objek tarikh kepada tarikh 5 hari kemudian:

var myDate=new Date();
myDate .setDate(myDate(myDate .getDate()+5);

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

Perbandingan dua tarikh

Objek tarikh juga boleh digunakan untuk membandingkan dua tarikh.

Kod berikut membandingkan tarikh semasa dengan 14 Januari 2100:

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

if (x>hari ini)
{
makluman("Hari ini sebelum 14 Januari 2100");
}
lain
{
makluman("Hari ini selepas 14 Januari 2100");


Meneruskan pembelajaran
||
<!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>