การเปรียบเทียบ JS ดั้งเดิม, MomentJS และ TempusJS JavaScript - บทที่ 11: วันที่ การเป็นตัวแทน และการประมวลผล ใน JavaScript วันที่ถูกกำหนดเป็นจำนวนมิลลิวินาทีที่ผ่านไปตั้งแต่วันที่ 1 มกราคม 1970วัตถุในตัวใช้เพื่อทำงานกับวันที่และเวลา

วันที่ JavaScript - บทที่ 11: วันที่ การเป็นตัวแทน และการประมวลผล ใน JavaScript วันที่ถูกกำหนดเป็นจำนวนมิลลิวินาทีที่ผ่านไปตั้งแต่วันที่ 1 มกราคม 1970- ออบเจ็กต์นี้ไม่มีคุณสมบัติ แต่มีหลายวิธีที่ทำให้คุณสามารถตั้งค่าและเปลี่ยนแปลงวันที่และเวลาได้ วัตถุสร้างขึ้นโดยใช้ตัวดำเนินการ JavaScript - บทที่ 11: วันที่ การเป็นตัวแทน และการประมวลผล ใน JavaScript วันที่ถูกกำหนดเป็นจำนวนมิลลิวินาทีที่ผ่านไปตั้งแต่วันที่ 1 มกราคม 1970.

ใหม่

และผู้ออกแบบ-

ตัวอย่างเช่น: var myData=วันที่ใหม่();ค่าตัวแปร

ข้อมูลของฉัน JavaScript - บทที่ 11: วันที่ การเป็นตัวแทน และการประมวลผล ใน JavaScript วันที่ถูกกำหนดเป็นจำนวนมิลลิวินาทีที่ผ่านไปตั้งแต่วันที่ 1 มกราคม 1970จะเป็นวันที่และเวลาปัจจุบัน:

• วิธีการวัตถุคุณสามารถรับค่าของเดือน วันในสัปดาห์ ชั่วโมง นาที และวินาทีแยกกัน:
• รับวันที่- ส่งกลับตัวเลขในช่วงตั้งแต่ 1 ถึง 31 แทนวันของเดือน
• รับชั่วโมง- ส่งกลับชั่วโมงของวันในช่วงตั้งแต่ 0 (เที่ยงคืน) ถึง 23
• รับนาที- ส่งกลับนาทีในช่วงตั้งแต่ 0 ถึง 59

- ส่งกลับวินาทีในช่วงตั้งแต่ 0 ถึง 59

สมมติว่าเราต้องการเขียนสคริปต์ที่จะตรวจจับเวลาปัจจุบันและส่งออกเป็นรูปแบบ "hh:mm:ss" วันที่จาวาสคริปต์:

ทีนี้มาเขียนฟังก์ชันกันดีกว่า

ฟังก์ชัน nTime(obj) ( var t=new Date(); var h=t.getHours(); var m=t.getMinutes(); var s=t.getSeconds(); var result=h+":+m+ ///s; obj.res.value=result; * อย่างที่คุณจำได้ วิธีการต่างๆ จะถูกแยกออกจากวัตถุด้วยจุด เราได้พูดถึงเรื่องนี้ไปแล้วในบทที่ 3 * อย่างที่คุณเห็น ทุกอย่างเรียบง่าย ขั้นแรกเรากำหนดเวลาปัจจุบันจากนั้นโดยใช้วิธีการแยกค่าแต่ละค่าเป็นชั่วโมงนาทีและวินาทีจากนั้นที่นี่ฉันอยากจะชี้แจงบรรทัดด้วย + var result=h+″+m+″+s

ในตัวอย่างของเรา มีข้อเสียเปรียบประการหนึ่ง: เราต้องการให้เวลาแสดงในรูปแบบ “hh:mm:ss” แต่ตอนนี้แสดงในรูปแบบ “h:m:s” นั่นคือเวลาตี 5 เวลาจะแสดงเป็น "5:0:0" แต่ฉันอยากให้เป็นเช่นนี้: "05:00:00" (ซึ่งเป็นเรื่องปกติมากกว่า) เช่น การบ้านคุณสามารถลองแก้ไขปัญหานี้ได้ เช่น การใช้โอเปอเรเตอร์ ถ้าและสตริงลิเทอรัล "0" (แนวคิดง่ายๆ คือ หากมีเวลาน้อยกว่า 10 ชั่วโมง ให้แสดงผลลัพธ์ก่อน ชม.เขียน "0" และอื่นๆ กับตัวแปรทั้งหมด)

ในระหว่างนี้ เรามาศึกษาวิธีการของวัตถุกันต่อไป JavaScript - บทที่ 11: วันที่ การเป็นตัวแทน และการประมวลผล ใน JavaScript วันที่ถูกกำหนดเป็นจำนวนมิลลิวินาทีที่ผ่านไปตั้งแต่วันที่ 1 มกราคม 1970:

• รับวัน- ส่งกลับวันในสัปดาห์เป็นจำนวนเต็มตั้งแต่ 0 (วันอาทิตย์) ถึง 6 (วันเสาร์)
• รับเดือน- ส่งกลับจำนวนเดือนในปีเป็นจำนวนเต็มตั้งแต่ 0 (มกราคม) ถึง 11 (ธันวาคม)
• รับปี- ส่งกลับปีเป็นตัวเลขสองหลักสุดท้าย ( รับเต็มปี- ส่งกลับปีเป็นตัวเลขสี่หลัก)

  * ขออภัย ตั้งแต่ปี 2000 เกิดปัญหาในการแสดงปีในเบราว์เซอร์ที่แตกต่างกัน

ดังนั้นจึงควรใช้เมธอด getFullYear

- ส่งกลับวินาทีในช่วงตั้งแต่ 0 ถึง 59

สมมติว่าเราต้องการเขียนสคริปต์ที่จะตรวจจับเวลาปัจจุบันและส่งออกเป็นรูปแบบ "hh:mm:ss" มาเขียนสคริปต์ที่จะกำหนดวันที่ปัจจุบันและแสดงในรูปแบบ "วันเดือนปี":

โค้ดหน้า HTML จะเรียบง่าย:

tข้อมูล()

ฟังก์ชั่น tData(obj) ( var s; var t=new Date(); var y=t.getFullYear(); var d=t.getDate(); var mon=t.getMonth(); switch (mon) ( case 0: s="มกราคม"; กรณีที่ 1: s="กุมภาพันธ์"; หยุดพัก; s="กรกฎาคม" ; กรณีที่ 7: s="สิงหาคม"; กรณีที่ 8: s="กันยายน"; ธันวาคม"; var result=d+" "+s+" "+y; =result;

• มันเปิดออกนานกว่าตัวอย่างแรกเพราะว่า ฉันต้องแปลชื่อเดือนเป็นภาษารัสเซียวิธีการที่กล่าวถึงข้างต้นช่วยให้คุณได้รับวันที่ ถ้าเราจำเป็นต้องตั้งวันที่เราควรใช้วิธีการดังต่อไปนี้:
• ตั้งวันที่- ตั้งค่าวันของเดือนให้อยู่ในช่วงตั้งแต่ 1 ถึง 31
• ตั้งเวลา- ตั้งค่าชั่วโมงสำหรับเวลาปัจจุบันในช่วงตั้งแต่ 0 (เที่ยงคืน) ถึง 23
• ตั้งนาที- ตั้งค่านาทีในช่วงตั้งแต่ 0 ถึง 59
• ชุดวินาที- ตั้งค่าวินาทีในช่วงตั้งแต่ 0 ถึง 59
• ตั้งปี- ตั้งค่าปี
• ตั้งเดือน- ตั้งค่าเดือนในช่วงตั้งแต่ 0 (มกราคม) ถึง 11 (ธันวาคม) JavaScript - บทที่ 11: วันที่ การเป็นตัวแทน และการประมวลผล ใน JavaScript วันที่ถูกกำหนดเป็นจำนวนมิลลิวินาทีที่ผ่านไปตั้งแต่วันที่ 1 มกราคม 1970ตั้งเวลา

Var t=วันใหม่();

var y=t.setYear(2010);

var d=t.setDate(6);

var mon=t.setMonth(11);

-

คุณสามารถตั้งค่าวันที่ได้โดยตรงในตัวสร้างโดยการระบุสตริงของรูปแบบ “เดือน วัน ปี ชั่วโมง:นาที:วินาที” เป็นพารามิเตอร์:

Var t=new Date("10 ก.พ. 1975 17:45:10");

ชั่วโมง นาที และวินาทีสามารถละเว้นได้ (ซึ่งจะเป็นศูนย์):

Var t=new Date("10 ก.พ. 2518");

Var t=วันที่ใหม่(75, 1, 10, 17, 45, 10);

หรือละเว้นชั่วโมง นาที และวินาที (ซึ่งจะเป็นศูนย์): Var t=วันที่ใหม่(75, 1, 10);* มีปัญหา: IE ไม่ต้องการแสดงปี ดังนั้นจึงเป็นการดีกว่าที่จะไม่ใช้ตัวเลือกเหล่านี้

สิ่งที่มีประโยชน์อีกอย่างสำหรับเว็บไซต์คือการใส่วันที่ปัจจุบัน คุณสามารถดูตัวอย่างสคริปต์วันที่ได้หลายสิบตัวอย่างบนอินเทอร์เน็ต แต่ในความคิดของฉันหลายตัวอย่างนั้นยุ่งยากและน่าเกลียด ขณะเดียวกันก็ใช้

วิธีการมาตรฐาน

//
// ]]>
// ]]>
// ]]>
// ]]>
// ]]>
JavaScript คุณสามารถแทรกวันที่ลงในหน้าเว็บไซต์ได้อย่างง่ายดาย ฉันใช้มันบ่อยมาก! ในภาพ (สกรีนช็อตจากเว็บไซต์ปัจจุบัน) ของที่ดิน Skazka!
นี่คือสคริปต์วันที่ทั้งหมด:
// ]]>
// ]]>
// ]]>
// ]]>
// ]]>
// ]]>

ในความคิดของฉัน มันไม่มีอะไรจะง่ายไปกว่านี้อีกแล้ว ค่อนข้างสวยงามและเข้าใจได้ หากคุณไม่ต้องการศึกษาการสร้างสคริปต์นี้ เพียงวางที่ใดก็ได้ในหน้า HTML และรับคำจารึกต่อไปนี้:

อีกตัวเลือกขั้นสูงเพิ่มเติม

- วันนี้

ดูเหมือนว่านี้:

วันนี้

• getDate() - ส่งคืนตัวเลขตั้งแต่ 1 ถึง 31 แทนวันของเดือน
• getDay() - ส่งคืนวันในสัปดาห์เป็นจำนวนเต็มตั้งแต่ 0 (วันอาทิตย์) ถึง 6 (วันเสาร์)
• getMonth() - ส่งคืนจำนวนเดือนในปี;
• getFullYear() - ส่งคืนปี หากคุณเพียงใช้ getYear() ปีปัจจุบันลบด้วย 1900 จะปรากฏขึ้น
• get Hours() - ส่งคืนชั่วโมงของวัน
• getMinutes() - ส่งคืนค่านาทีเป็นตัวเลขตั้งแต่ 0 ถึง 59
• getSeconds() - ส่งคืนค่าจำนวนวินาทีตั้งแต่ 0 ถึง 59

ไม่สะดวกเสมอไปในการแทรกสคริปต์ Java ลงในหน้าเว็บไซต์โดยตรง เป็นการดีกว่าที่จะวางคำอธิบายของสคริปต์ไว้ที่จุดเริ่มต้นของหน้าระหว่างแท็กและตั้งค่าตัวแปรที่เราจะเรียกตามต้องการในข้อความ เรียกมันว่า TODAY แล้วกำหนดรูปแบบเอาต์พุตวันที่ที่คล้ายกับข้างต้น สคริปต์จะมีลักษณะดังนี้:

หากต้องการแสดงวันที่ ให้เรียกสคริปต์ในตำแหน่งที่ต้องการในโค้ด HTML ของเพจโดยใช้คำสั่งต่อไปนี้:

document.write(วันนี้);

หากเว็บไซต์ของคุณมีหลายหน้าที่คุณต้องการแสดงวันที่ จะสะดวกกว่าที่จะแยกสคริปต์ Java เพื่อแสดงวันที่เป็นไฟล์แยกต่างหาก เช่น data.js ในทางปฏิบัติ นี่คือหน้าที่ประกอบด้วยสคริปต์แรกที่อธิบายไว้ นั่นคือบรรทัด document.write (ดูด้านบน) จะต้องอยู่ในไดเรกทอรีเดียวกันกับหน้าหลักและเรียกในตำแหน่งที่แสดงวันที่ดังนี้:

อย่าลืมตรวจสอบว่าไฟล์ data.js มีการเข้ารหัสเหมือนกับเอกสารหลัก ไม่เช่นนั้นวันที่จะแสดงด้วย hooks สี่เหลี่ยม และลูกเล่นอื่นๆ ที่ยอดเยี่ยม

ความคิดเห็นโปรดทราบว่าสคริปต์ที่อธิบายไว้จะแสดงวันที่ที่ตั้งไว้ในคอมพิวเตอร์ของผู้ใช้ซึ่งไม่สอดคล้องกับเวลาปัจจุบันจริงเสมอไป หากคุณต้องการแสดงเวลาที่แน่นอน คุณจะต้องใช้สคริปต์ PHP ที่จะแสดงเวลาบนเซิร์ฟเวอร์

ในบทนี้ เราจะทำความคุ้นเคยกับออบเจ็กต์ JavaScript Date และเรียนรู้วิธีใช้งานในทางปฏิบัติ

ใน JavaScript การสร้างวันที่ทำได้โดยใช้วัตถุ Date วัตถุวันที่จะแสดงจุดบนแกนเวลาและได้รับการออกแบบให้จัดเก็บวันที่และเวลาด้วยความแม่นยำในระดับมิลลิวินาที

ตัวอย่างการสร้างวันที่ใน JavaScript

1. สร้างวันที่และเวลาปัจจุบัน

การรับวันที่และเวลาปัจจุบันใน JavaScript ทำได้โดยการสร้างอินสแตนซ์ของวัตถุ Date โดยไม่ต้องระบุพารามิเตอร์ใดๆ:

// วันที่ปัจจุบัน (วันที่และเวลาในขณะสร้างอินสแตนซ์วัตถุวันที่ คอมพิวเตอร์ท้องถิ่นผู้ใช้) var ตอนนี้ = วันที่ใหม่ (); // ตัวอย่างเช่น พิมพ์วันที่ปัจจุบันไปที่คอนโซล console.log(now);

หากคุณเพียงแค่ต้องได้รับ วันที่วันนี้ในรูปแบบสตริง คุณสามารถใช้เมธอด toLocaleDateString ได้:

Var ตอนนี้ = วันที่ใหม่ ().toLocaleDateString(); // 12/19/2019

สามารถรับเวลาปัจจุบันของผู้ใช้ได้ดังนี้:

Var ตอนนี้ = วันที่ใหม่ ().toLocaleTimeString(); // 11:02:48 var now = new Date().toLocaleTimeString().slice(0,-3); // 11:02

คุณสามารถรับวันที่และเวลาในรูปแบบสตริงดังนี้:

Var ตอนนี้ = วันที่ใหม่ ().toLocaleString(); // 19/12/2562, 11:02:48 น

2. สร้างวันที่โดยระบุจำนวนมิลลิวินาทีที่ผ่านไปตั้งแต่วันที่ 1 มกราคม 1970 00:00:00 UTC ให้กับวัตถุ Date

// 1 ปี (ไม่ใช่ระดับสูง) = 365*24*60*60*1000 = 31536000000 ms // เช่น สร้างวันที่ 01/01/1971, 00:00:00 UTC: var date1 = new Date( 31536000000);

3. สร้างวันที่โดยระบุให้กับวัตถุ Date เป็นสตริง

ด้วยตัวเลือกนี้สำหรับการสร้างวันที่ JavaScript จะพยายามทำความเข้าใจสตริงที่ส่งไปให้และสร้างวันที่ตามนั้น การแปลงสตริงเป็นวันที่ใน JavaScript ทำได้โดยใช้เมธอด Date.parse

ตัวอย่างเช่น:

// การสร้างวันที่ตามสตริงในรูปแบบ DD.MM.YY var date1 = new Date("05.11.19"); // สร้างวันที่ตามสตริงในรูปแบบ YYYY-MM-DDThh:mm:ss.sss (อักขระ T ใช้เพื่อแยกวันที่และเวลา) var date2 = new Date("2015-02-24T21:23 "); // สร้างวันที่ตามสตริงที่ระบุโซนเวลา (รูปแบบ YYYY-MM-DDThh:mm:ss.sss±hh:mm): var date3 = new Date("2015-02-24T22:02+03:00 ") ;

4. สร้างวันที่โดยระบุพารามิเตอร์ต่อไปนี้โดยคั่นด้วยลูกน้ำ: ปี (4 หลัก), เดือน (นับจาก 0), วัน (1..31), ชั่วโมง (0..23), นาที (0..59) , วินาที (0..59), มิลลิวินาที (0..999) นอกจากนี้ จำเป็นต้องมีเพียงพารามิเตอร์สองตัวแรกเท่านั้น

ตัวอย่างการสร้างวันที่ที่ระบุเฉพาะพารามิเตอร์ที่ต้องการ:

// สร้างวันที่ 01/01/2558 (พารามิเตอร์เริ่มต้นที่ไม่ระบุคือ: หมายเลข - 01, ชั่วโมง - 00, นาที - 00, วินาที - 00, มิลลิวินาที - 000) var date1 = วันที่ใหม่ (2015.01); // สร้างวันที่ 24/01/2558, 21:23 var date2 = new Date(2015,01,24,21,23);

หมายเหตุ: หากคุณต้องการตั้งค่าวันที่และเวลาเป็น UTC คุณสามารถใช้วิธี Date.UTC ได้

//1 ตัวอย่าง var date1 = Date.UTC(2015,1,1); var date2 = วันที่ใหม่ (date1); การแจ้งเตือน (date2.toUTCString()); //2 ตัวอย่าง var newDate = new Date(Date.UTC(2015,1,1)); การแจ้งเตือน (newDate.toUTCString());

ใน JavaScript วิธีการต่อไปนี้ถูกนำมาใช้เพื่อรับองค์ประกอบวันที่และเวลาแต่ละรายการ:

• getFullYear() – ส่งคืนปีที่ประกอบด้วยตัวเลข 4 ตัว
• getMonth() – ส่งคืนเดือนในรูปแบบตัวเลขตั้งแต่ 0 ถึง 11 (0 – มกราคม, 1 – กุมภาพันธ์, 2 – มีนาคม, ..., 11 – ธันวาคม)
• getDate() – คืนค่าวันของเดือนตั้งแต่ 1 ถึง 31
• getHours() – ส่งคืนค่าจำนวนชั่วโมงตั้งแต่ 0 ถึง 23
• getMinutes() – ส่งคืนค่าจำนวนนาทีตั้งแต่ 0 ถึง 59
• getSeconds() – ส่งคืนค่าจำนวนวินาทีตั้งแต่ 0 ถึง 59
• getMilliseconds() – ส่งคืนค่าจำนวนมิลลิวินาทีตั้งแต่ 0 ถึง 999

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

// สร้างวันที่ 11/11/2019 00:00 UTC var newDate = new Date(Date.UTC(2019,11,11)); // รับส่วนประกอบวันที่หากเวลาท้องถิ่นบนอุปกรณ์ของผู้ใช้คือ UTC+10:00 newDate.getFullYear(); //2019 newDate.getMonth(); // 10 newDate.getDate(); // 11 newDate.getHours(); // 10 newDate.getMinutes(); // 0 newDate.getSeconds(); // 0 newDate.getMilliseconds(); // 0

ตัวอย่างที่เราจะทักทายผู้ใช้ขึ้นอยู่กับช่วงเวลาที่เขามีในปัจจุบัน:

// รับเวลาปัจจุบันของผู้ใช้และส่วนประกอบของเวลานี้ var now = new Date(), hour = now.getHours(), minutes = now.getMinutes(), Second = now.getSeconds(), message = ""; // กำหนดวลีทักทายขึ้นอยู่กับเวลาท้องถิ่นของผู้ใช้ ถ้า (ชั่วโมง