วัตถุวันที่ช่วยให้คุณทำงานกับวันที่ (ปีเดือนวันชั่วโมงนาทีวินาทีและมิลลิวินาที)
JavaScript รูปแบบวันที่
วัน JavaScript สามารถเขียนเป็นสตริง:
ดวงอาทิตย์ 6 พฤศจิกายน 2016 06:57:46 GMT + 0800 (中国标准时间)
หรือเป็นตัวเลข:
1478386666530
วันที่เขียนเป็นตัวเลขระบุจำนวนมิลลิวินาทีตั้งแต่ 1 มกราคม 1970, 00:00:00
การแสดงวัน
ในการกวดวิชานี้เราจะใช้สคริปต์เพื่อแสดงวันภายใน <p> องค์ประกอบที่มี id="demo" :
ตัวอย่าง
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = Date();
</script>
ลองตัวเอง» สคริปต์ข้างต้นกล่าวว่าการกำหนดค่าของ Date() กับเนื้อหา ( innerHTML ) ขององค์ประกอบที่มี id="demo"
คุณจะได้เรียนรู้วิธีการแสดงวันที่ในรูปแบบที่อ่านได้มากขึ้นที่ด้านล่างของหน้านี้
สร้างวันที่วัตถุ
วัตถุวันที่จะช่วยให้เราทำงานกับวันที่
วันที่ประกอบด้วยปีเดือนวันชั่วโมงนาทีวินาทีและมิลลิวินาที
วัตถุวันที่จะถูกสร้างขึ้นด้วย new Date() คอนสตรัค
มี 4 รูปแบบของการเริ่มต้นวันที่:
new Date()
new Date(milliseconds)
new Date(dateString)
new Date(year, month, day, hours, minutes, seconds, milliseconds)
โดยใช้ new Date() , สร้างวัตถุวันที่ใหม่กับวันและเวลาปัจจุบัน:
ตัวอย่าง
<script>
var d = new Date();
document.getElementById("demo").innerHTML =
d;
</script>
ลองตัวเอง» โดยใช้วันใหม่วันที่ (String) สร้างวันที่วัตถุใหม่จากวันที่และเวลาที่ระบุ:
ตัวอย่าง
<script>
var d = new Date("October 13, 2014 11:13:00");
document.getElementById("demo").innerHTML =
d;
</script>
ลองตัวเอง» สตริงวันที่ถูกต้อง (รูปแบบวันที่) อธิบายไว้ในบทต่อไป
โดยใช้วันที่ใหม่ (จำนวน) สร้างวัตถุวันที่ใหม่เวลาเป็นศูนย์รวมทั้งจำนวน
ศูนย์เป็นเวลา 01 January 1970 00:00:00 UTC จำนวนที่ระบุไว้ในมิลลิวินาที:
ตัวอย่าง
<script>
var d = new Date(86400000);
document.getElementById("demo").innerHTML =
d;
</script>
ลองตัวเอง» วัน JavaScript คำนวณมิลลิวินาทีจาก 1 มกราคม 1970 00:00:00 Universal Time (UTC) วันหนึ่งมี 86,400,000 มิลลิวินาที
โดยใช้ new Date (หมายเลข 7) สร้างวัตถุวันที่ใหม่กับวันที่และเวลาที่ระบุ:
7 หมายเลขระบุปีเดือนวันชั่วโมงนาทีวินาทีและมิลลิวินาทีในลำดับที่:
ตัวอย่าง
<script>
var d = new Date(99,5,24,11,33,30,0);
document.getElementById("demo").innerHTML =
d;
</script>
ลองตัวเอง» สายพันธุ์ของตัวอย่างข้างต้นให้เราละเว้นใด ๆ ของ 4 พารามิเตอร์ล่าสุด:
ตัวอย่าง
<script>
var d = new Date(99,5,24);
document.getElementById("demo").innerHTML = d;
</script>
ลองตัวเอง» นับ JavaScript เดือนนับจาก 0 ถึง 11 มกราคมเป็นเดือนธันวาคมเป็น 0. 11
วันวิธีการ
เมื่อมีวัตถุวันที่จะถูกสร้างขึ้นจำนวนของวิธีการช่วยให้คุณสามารถทำงานกับมัน
วิธีการวันที่ช่วยให้คุณสามารถที่จะได้รับและตั้งปีเดือนวันชั่วโมงนาทีวินาทีและมิลลิวินาทีของวัตถุโดยใช้เวลาท้องถิ่นหรือเวลา UTC (สากลหรือ GMT) เวลา
วิธีการวันที่จะครอบคลุมในบทต่อมา
การแสดงวัน
เมื่อคุณแสดงวัตถุวันใน HTML จะถูกแปลงโดยอัตโนมัติเพื่อสตริงกับ toString() วิธีการ
ตัวอย่าง
<p id="demo"></p>
<script>
d = new Date();
document.getElementById("demo").innerHTML = d;
</script>
เป็นเช่นเดียวกับ:
<p id="demo"></p>
<script>
d = new Date();
document.getElementById("demo").innerHTML = d.toString();
</script>
ลองตัวเอง» toUTCString() วิธีการแปลงวันที่สตริง UTC A (มาตรฐานการแสดงวัน)
ตัวอย่าง
<script>
var d = new Date();
document.getElementById("demo").innerHTML =
d.toUTCString();
</script>
ลองตัวเอง» toDateString() วิธีการแปลงวันที่ในรูปแบบที่อ่านได้มากขึ้น:
ตัวอย่าง
<script>
var d = new Date();
document.getElementById("demo").innerHTML =
d.toDateString();
</script>
ลองตัวเอง» วัตถุวันที่จะคงที่ เวลาที่คอมพิวเตอร์จะฟ้อง แต่วันที่วัตถุที่สร้างขึ้นครั้งเดียวไม่ได้
ช่วงเวลา
เมื่อตั้งค่าวันที่โดยไม่ต้องระบุโซนเวลา, JavaScript จะใช้เขตเวลาเบราว์เซอร์
เมื่อได้รับวันโดยไม่ต้องระบุโซนเวลาผลที่ได้จะถูกแปลงเป็นโซนเวลาเบราว์เซอร์
ในคำอื่น ๆ : หากวัน / เวลาถูกสร้างขึ้นในเขตเวลา GMT (Greenwich Mean Time) วันที่ / เวลาจะถูกแปลงเป็น CDT (กลางสหรัฐ Daylight Time) หากผู้ใช้เรียกดูจากกลางสหรัฐ
อ่านเพิ่มเติมเกี่ยวกับโซนเวลาในบทต่อไป
ทดสอบด้วยตัวเองด้วยการออกกำลังกาย!
การใช้สิทธิ 1 » ออกกำลังกาย 2 » ออกกำลังกาย 3 »