JS กวดวิชา

เจเอสโฮม JS Introduction JS Where To JS เอาท์พุต งบ JS JS ไวยากรณ์ JS ความคิดเห็น ตัวแปร JS เจเอส เลท JS Const JS Operators JS เลขคณิต JS Assignment ประเภทข้อมูล JS ฟังก์ชัน JS วัตถุ JS JS Events JS Strings JS String Methods JS String Search เทมเพลตสตริง JS JS Numbers JS Number Methods JS Arrays JS Array Methods JS Array Sort JS Array Iteration JS Array Const JS Dates รูปแบบวันที่ JS JS วันที่รับเมธอด JS Date Set Methods JS Math JS สุ่ม JS Booleans JS เปรียบเทียบ JS Conditions JS Switch JS ลูปสำหรับ JS Loop สำหรับ In JS วนสำหรับ Of JS วนรอบในขณะที่ JS Break JS Iterables JS ชุด JS Maps JS Typeof JS ประเภทการแปลง JS Bitwise JS RegExp JS Errors JS ขอบเขต JS Hoisting JS โหมดเข้มงวด JS คำสำคัญนี้ JS Arrow Function JS Classes JS JSON JS Debugging คู่มือสไตล์ JS JS แนวทางปฏิบัติที่ดีที่สุด JS ความผิดพลาด JS Performance JS สงวนคำ

เวอร์ชัน JS

เวอร์ชัน JS JS 2009 (ES5) เจเอส 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / ขอบ JS History

วัตถุ JS

คำจำกัดความของวัตถุ คุณสมบัติของวัตถุ วิธีการวัตถุ การแสดงวัตถุ อุปกรณ์เสริมวัตถุ ตัวสร้างวัตถุ ต้นแบบวัตถุ วัตถุ Iterables ชุดวัตถุ แผนที่วัตถุ การอ้างอิงวัตถุ

ฟังก์ชัน JS

คำจำกัดความของฟังก์ชัน พารามิเตอร์ฟังก์ชัน เรียกใช้ฟังก์ชัน เรียกฟังก์ชัน ฟังก์ชัน สมัคร การปิดฟังก์ชัน

JS Classes

แนะนำคลาส การสืบทอดคลาส คลาสคงที่

JS Async

JS Callbacks JS แบบอะซิงโครนัส JS Promises JS Async/รอ

JS HTML DOM

บทนำ DOM วิธี DOM เอกสาร DOM องค์ประกอบ DOM DOM HTML แบบฟอร์ม DOM DOM CSS ภาพเคลื่อนไหว DOM กิจกรรม DOM DOM Event Listener การนำทาง DOM โหนด DOM DOM Collections รายการโหนด DOM

JS เบราว์เซอร์ BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS Web APIs

แนะนำ Web API เว็บฟอร์ม API API ประวัติเว็บ API ที่เก็บข้อมูลเว็บ Web Worker API API ดึงเว็บ เว็บ Geolocation API

JS AJAX

บทนำ AJAX AJAX XMLHttp คำขอ AJAX การตอบสนอง AJAX ไฟล์ AJAX XML AJAX PHP AJAX ASP ฐานข้อมูล AJAX แอปพลิเคชัน AJAX ตัวอย่าง AJAX

JS JSON

บทนำ JSON ไวยากรณ์ JSON JSON กับ XML ประเภทข้อมูล JSON JSON Parse JSON สตริงริฟาย วัตถุ JSON อาร์เรย์ JSON เซิร์ฟเวอร์ JSON JSON PHP JSON HTML JSON JSONP

JS กับ jQuery

ตัวเลือก jQuery jQuery HTML jQuery CSS jQuery DOM

JS กราฟิก

JS กราฟิก JS Canvas JS Plotly JS Chart.js JS Google Chart JS D3.js

ตัวอย่าง JS

ตัวอย่าง JS JS HTML DOM JS HTML อินพุต JS HTML Objects JS HTML Events JS Browser JS Editor JS แบบฝึกหัด JS Quiz ใบรับรอง JS

JS References

วัตถุ JavaScript วัตถุ HTML DOM


JavaScript วันที่ วัตถุ


JavaScript Date Objectช่วยให้เราทำงานกับวันที่:

ส. 29 ม.ค. 2022 16:36:14 GMT+0000 (เวลาสากลเชิงพิกัด)

ตัวอย่าง

const d = new Date();

เอาต์พุตวันที่ของ JavaScript

ตามค่าเริ่มต้น JavaScript จะใช้เขตเวลาของเบราว์เซอร์และแสดงวันที่เป็นสตริงข้อความแบบเต็ม:

ส. 29 ม.ค. 2022 16:36:14 GMT+0000 (เวลาสากลเชิงพิกัด)

คุณจะได้เรียนรู้เพิ่มเติมเกี่ยวกับวิธีการแสดงวันที่ในบทช่วยสอนนี้ในภายหลัง


การสร้างวัตถุวันที่

วัตถุวันที่ถูกสร้างขึ้นด้วยตัว new Date()สร้าง

มี4 วิธีในการสร้างวัตถุวันที่ใหม่:

new Date()
new Date(year, month, day, hours, minutes, seconds, milliseconds)
new Date(milliseconds)
new Date(date string)

วันที่ใหม่ ()

new Date()สร้างวัตถุวันที่ใหม่ด้วยวันที่และเวลาปัจจุบัน :

ตัวอย่าง

const d = new Date();

วัตถุวันที่เป็นแบบคงที่ เวลาคอมพิวเตอร์กำลังฟ้อง แต่วัตถุวันที่ไม่


ใหม่ วันที่ ( ปี เดือน ... )

new Date(year, month, ...)สร้างวัตถุวันที่ใหม่ด้วยวันที่และเวลาที่ระบุ

ตัวเลข 7 ตัวระบุปี เดือน วัน ชั่วโมง นาที วินาที และมิลลิวินาที (ตามลำดับ):

ตัวอย่าง

const d = new Date(2018, 11, 24, 10, 33, 30, 0);

หมายเหตุ: JavaScript นับเดือนตั้งแต่0ถึง11 :

มกราคม = 0 .

ธันวาคม = 11 .

การระบุเดือนที่สูงกว่า 11 จะไม่ทำให้เกิดข้อผิดพลาด แต่เพิ่มโอเวอร์โฟลว์ไปยังปีหน้า:

ระบุ:

const d = new Date(2018, 15, 24, 10, 33, 30);

เหมือนกับ:

const d = new Date(2019, 3, 24, 10, 33, 30);

การระบุวันที่สูงกว่าค่าสูงสุดจะไม่ทำให้เกิดข้อผิดพลาด แต่เพิ่มรายการเกินไปยังเดือนถัดไป:

ระบุ:

const d = new Date(2018, 5, 35, 10, 33, 30);

เหมือนกับ:

const d = new Date(2018, 6, 5, 10, 33, 30);

ใช้ตัวเลข 6, 4, 3 หรือ 2 ตัว

6 ตัวระบุปี เดือน วัน ชั่วโมง นาที วินาที:

ตัวอย่าง

const d = new Date(2018, 11, 24, 10, 33, 30);

5 ตัวระบุปี เดือน วัน ชั่วโมง นาที:

ตัวอย่าง

const d = new Date(2018, 11, 24, 10, 33);

ตัวเลข 4 ตัวระบุปี เดือน วัน และชั่วโมง:

ตัวอย่าง

const d = new Date(2018, 11, 24, 10);

ตัวเลข 3 ตัวระบุปี เดือน และวัน:

ตัวอย่าง

const d = new Date(2018, 11, 24);

2 ตัวเลขระบุปีและเดือน:

ตัวอย่าง

const d = new Date(2018, 11);

คุณไม่สามารถละเว้นเดือน หากคุณระบุพารามิเตอร์เพียงตัวเดียว จะถือว่าเป็นมิลลิวินาที

ตัวอย่าง

const d = new Date(2018);

ศตวรรษก่อน

ปีหนึ่งและสองหลักจะถูกตีความว่าเป็น 19xx:

ตัวอย่าง

const d = new Date(99, 11, 24);

ตัวอย่าง

const d = new Date(9, 11, 24);

วันที่ใหม่ ( dateString )

new Date(dateString)สร้างวัตถุวันที่ใหม่จากสตริงวันที่ :

ตัวอย่าง

const d = new Date("October 13, 2014 11:13:00");

สตริงวันที่อธิบายไว้ในบทถัดไป


JavaScript เก็บวันที่เป็นมิลลิวินาที

JavaScript เก็บวันที่เป็นจำนวนมิลลิวินาทีตั้งแต่วันที่ 1 มกราคม 1970, 00:00:00 UTC (Universal Time Coordinated)

เวลาเป็นศูนย์คือ 01 มกราคม 1970 00:00:00 UTC

ขณะนี้เวลาคือ: 1643474174035มิลลิวินาทีที่ผ่านไป 01 มกราคม 1970


วันที่ใหม่ ( มิลลิวินาที )

new Date(milliseconds)สร้างวัตถุวันที่ใหม่เป็นเวลาศูนย์บวกมิลลิวินาที :

ตัวอย่าง

const d = new Date(0);

01 มกราคม 1970 บวก 100,000,000 000 มิลลิวินาทีคือประมาณ 03 มีนาคม 1973:

ตัวอย่าง

const d = new Date(100000000000);

01 มกราคม 1970 ลบ 100,000,000 มิลลิวินาที ประมาณวันที่ 31 ตุลาคม 1966:

ตัวอย่าง

const d = new Date(-100000000000);

ตัวอย่าง

const d = new Date(86400000);

หนึ่งวัน (24 ชั่วโมง) คือ 86 400,000 มิลลิวินาที



วิธีการวันที่

เมื่อมีการสร้างวัตถุ Date ขึ้น มีหลายวิธีที่จะช่วยให้คุณสามารถดำเนินการกับวัตถุนั้นได้

เมธอดวันที่ช่วยให้คุณรับและตั้งค่าอ็อบเจ็กต์วันที่ปี เดือน วัน ชั่วโมง นาที วินาที และมิลลิวินาที โดยใช้เวลาท้องถิ่นหรือเวลา UTC (สากลหรือ GMT)

วิธีการวันที่และเขตเวลาจะกล่าวถึงในบทต่อไป


แสดงวันที่

JavaScript จะ (โดยค่าเริ่มต้น) เอาต์พุตวันที่ในรูปแบบสตริงข้อความแบบเต็ม:

ตัวอย่าง

Sat Jan 29 2022 16:36:14 GMT+0000 (Coordinated Universal Time)

เมื่อคุณแสดงวัตถุวันที่ใน HTML วัตถุนั้นจะถูกแปลงเป็นสตริงโดยอัตโนมัติด้วยtoString()เมธอด

ตัวอย่าง

const d = new Date();
d.toString();

วิธี การtoUTCString()แปลงวันที่เป็นสตริง UTC (มาตรฐานการแสดงวันที่)

ตัวอย่าง

const d = new Date();
d.toUTCString();

วิธี การtoDateString()แปลงวันที่ให้อยู่ในรูปแบบที่อ่านง่ายขึ้น:

ตัวอย่าง

const d = new Date();
d.toDateString();

วิธี การtoISOString()แปลงวัตถุ Date เป็นสตริงโดยใช้รูปแบบมาตรฐาน ISO:

ตัวอย่าง

const d = new Date();
d.toISOString();

อ้างอิงวันที่ JavaScript ที่สมบูรณ์

สำหรับการอ้างอิงวันที่ฉบับสมบูรณ์ ไปที่:

อ้างอิงวันที่ของ JavaScriptให้สมบูรณ์

ข้อมูลอ้างอิงประกอบด้วยคำอธิบายและตัวอย่างของคุณสมบัติและเมธอดของ Date ทั้งหมด