โค้ดแสดงวันที่ HTML ด้วย JavaScript
4.5K
1
โค้ดแสดงวันที่ 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
เขียน 1 ปีที่แล้ว
ชอบ 1
บุ๊คมาร์ค
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ