Devdit
 

โค้ดแสดงวันที่ HTML ด้วย JavaScript

5.6K

โค้ดแสดงวันที่ HTML ด้วย JavaScript บทความนี้สอนการใช้คำสั่ง Date เพื่อร่วมกับคำสั่ง toISOString และ slice เพื่อดึงวันที่พร้อมกับจัดรูปแบบการแสดงผลวันที่ให้ป็น ปี-เดือน-วัน สามารถเขียนโปรแกรมได้ดังนี้

 

ตัวอย่าง โค้ดแสดงวันที่ HTML ด้วย JavaScript

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
    วันที่ปัจจุบันคือ <font id="date_now"></font>
</body>
<script>
    var date = new Date().toISOString().slice(0, 10);
    document.getElementById("date_now").innerHTML = date;
</script>
</html>

ผลลัพธ์

วันที่ปัจจุบันคือ 2022-04-29

คำอธิบาย

โค้ดแสดงวันที่ HTML ใช้คำสั่ง Date เพื่อดึงวันที่ปัจจุบัน พร้อมกับใช้คำสั่ง toISOString และ slice เพื่อจัดรูปแบบการแสดงผลวันที่เป็น ปี-เดือน-วัน โดยแสดงที่แท็ก font id เท่ากับ date_now ผ่านการอ้างถึงด้วย document.getElementById และแสดงข้อมูลที่หน้าเว็บไซต์ด้วย innerHTML

เขียน 2 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ