ต่อไปนี้คือเมธอดวันที่ (Date methods) ที่ใช้บ่อย:
| เมธอด | คำอธิบาย |
|---|---|
| getFullYear() | คืนปีเป็นตัวเลข 4 หลัก |
| getMonth() | คืนเดือนเป็นตัวเลข (0-11) |
| getDate() | คืนวันของเดือนเป็นตัวเลข (1-31) |
| getHours() | คืนชั่วโมง (0-23) |
| getMinutes() | คืนนาที (0-59) |
| getSeconds() | คืนวินาที (0-59) |
| getMilliseconds() | คืนมิลลิวินาที (0-999) |
| getTime() | คืนเวลาเป็นมิลลิวินาทีนับจาก 1 ม.ค. 1970 |
| getDay() | คืนวันของสัปดาห์เป็นตัวเลข (0-6) |
| Date.now() | คืนมิลลิวินาทีนับจาก 1 ม.ค. 1970 00:00:00 UTC |
ตัวอย่าง
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.sample {
font-size: 18px;
font-weight: 500;
}
</style>
</head>
<body>
<h1>เมธอด Date ของ JavaScript</h1>
<div class="sample"></div>
<button class="Btn">คลิกที่นี่</button>
<h3> คลิกปุ่มด้านบนเพื่อดูเมธอดวันที่บางอย่าง </h3>
<script>
let sampleEle = document.querySelector(".sample");
let date = new Date();
document.querySelector(".Btn").addEventListener("click", () => {
sampleEle.innerHTML += "getFullYear() = " + date.getFullYear() + "<br>";
sampleEle.innerHTML += "getMinutes() = " + date.getMinutes() + "<br>";
sampleEle.innerHTML += "Date.now() = " + Date.now() + "<br>";
sampleEle.innerHTML += "getMonth() = " + date.getMonth() + "<br>";
});
</script>
</body>
</html>
ผลลัพธ์
เมื่อคลิกปุ่ม ‘คลิกที่นี่’:
