ใน JavaScript มีบางสถานการณ์ที่จำเป็นต้องแปลงค่าวันที่และเวลาแบบสุ่มหรือไม่ถูกต้อง ซึ่งไม่ขึ้นกับเขตเวลาหรือปฏิทินใดๆ ตัวอย่างเช่น เมื่อจำเป็นต้องรับค่าของแต่ละแอตทริบิวต์ในรูปแบบวันที่ ในกรณีดังกล่าว JavaScript สามารถช่วยคุณเข้ารหัสค่าประทับเวลาที่ไม่ได้จัดรูปแบบในรูปแบบวันที่และเวลาที่เหมาะสม
คู่มือนี้จะแนะนำคุณเกี่ยวกับการแปลง Timestamp เป็นรูปแบบวันที่ใน JavaScript
จะแปลงค่า Timestamp ในรูปแบบวันที่ใน JavaScript ได้อย่างไร
ในการแปลงค่าประทับเวลาในรูปแบบวันที่ใน JavaScript คุณสามารถใช้วิธีการต่อไปนี้:
- “ วันใหม่() ” ตัวสร้าง
- “ getHours() ”, “ getMinutes() ' และ ' toDateString() ” วิธีการ
- “ วันที่ ” ระดับ วิธีการ
ทำตามขั้นตอนที่กล่าวถึงทีละตัว!
วิธีที่ 1: แปลง Timestamp เป็นรูปแบบวันที่ใน JavaScript โดยใช้ 'New Date()' Constructor
“ วันที่ใหม่ () ” ตัวสร้างสร้างวัตถุใหม่ชื่อ “ วันที่ ” พร้อมวันที่และเวลาปัจจุบัน สามารถใช้เมธอดนี้เพื่อสร้างออบเจ็กต์ Date ที่อ้างอิงถึงค่าประทับเวลาที่ประกาศและแสดงรูปแบบวันที่ที่แปลงแล้ว
ตัวอย่างด้านล่างจะแสดงแนวคิดที่ระบุไว้
ตัวอย่าง
ขั้นแรกให้ประกาศตัวแปรชื่อ “ เวลาประทับ ” และเก็บค่าเฉพาะไว้ในนั้น:
เคยเป็น เวลาประทับ = 18071110465663ถัดไป ใช้ “ วันที่() ตัวสร้างเพื่อสร้างวัตถุวันที่ใหม่และใช้ค่า timeStamp เป็นอาร์กิวเมนต์:
var dateFormat = วันที่ใหม่ ( เวลาประทับ ) ;สุดท้าย บันทึกค่ารูปแบบวันที่ที่แปลงแล้วบนคอนโซล:
console.log ( รูปแบบวันที่ )ผลลัพธ์ของการดำเนินการข้างต้นจะส่งผลดังนี้:
วิธีที่ 2: แปลงการประทับเวลาเป็นรูปแบบวันที่ใน JavaScript โดยใช้วิธีการ 'getHours()', 'getMinutes()' และ 'toDateString()'
ประการแรก กำหนดค่าการประทับเวลาเฉพาะและเก็บไว้ในตัวแปรชื่อ timeStamp:
เคยเป็น เวลาประทับ = 1107110465663ถัดไป ใช้ “ วันที่() ตัวสร้างเพื่อสร้างวัตถุวันที่ใหม่ด้วยค่า timeStamp เป็นอาร์กิวเมนต์ตามที่กล่าวไว้ในวิธีการก่อนหน้านี้:
const วันที่ = วันที่ใหม่ ( เวลาประทับ ) ;หลังจากนั้นให้ใช้ “ getHours() ' และ ' getMinutes() ” วิธีรับชั่วโมงและนาทีเทียบกับค่า timeStamp ที่กำหนด ยังใช้ “ toDateString() ” วิธีรับวันที่ที่เกี่ยวข้องเช่นกัน:
dateFormat = date.getHours ( ) + ':' + date.getMinutes ( ) + , ' + date.toDateString ( ) ;สุดท้าย แสดงรูปแบบวันที่ผลลัพธ์บนคอนโซล:
console.log ( รูปแบบวันที่ ) ;เอาท์พุต
วิธีที่ 3: แปลง Timestamp เป็นรูปแบบวันที่ใน JavaScript โดยใช้ Date Class Methods
“ วันที่ ” มีวิธีการต่างๆ เพื่อแสดงการประทับเวลาที่ประกาศให้อยู่ในรูปแบบวันที่ วิธีนี้สามารถนำมาใช้เพื่อสร้างวัตถุวันที่ใหม่และแสดงรูปแบบวันที่ที่สอดคล้องกันโดยใช้วิธีการดึงข้อมูลแอตทริบิวต์แต่ละรายการแยกกัน
ดูตัวอย่างต่อไปนี้
ตัวอย่าง
ทำซ้ำขั้นตอนที่กล่าวถึงในวิธีการข้างต้นเพื่อเริ่มต้นค่าประทับเวลาและสร้างวัตถุวันที่ใหม่ดังนี้:
เคยเป็น เวลาประทับ = 1107110465663เคยเป็น รูปแบบวันที่ = วันที่ใหม่ ( เวลาประทับ ) ;
ตอนนี้ใช้“ getDate() ” วิธีรับวันของเดือน “ getMonth() ” สำหรับรับเดือน “ getFullYear() ” เพื่อรับคุณค่าทั้งปี ยังใช้ “ getHours() ”, “ getMinutes() ', และ ' getSeconds() ” เพื่อรับเวลาที่สอดคล้องกับการประทับเวลาที่ให้ไว้
สุดท้าย เพิ่มแอตทริบิวต์ทั้งหมดเพื่อรับรูปแบบวันที่ตามลำดับ:
console.log ( 'วันที่: ' + dateFormat.getDate ( ) +'/' + ( dateFormat.getMonth ( ) + 1 ) +
'/' +dateFormat.getFullYear ( ) +
' ' +dateFormat.getHours ( ) +
':' +dateFormat.getMinutes ( ) +
':' +dateFormat.getSeconds ( ) ) ;
เอาท์พุต
เราได้รวบรวมวิธีการต่างๆ ในการแปลงการประทับเวลาเป็นรูปแบบวันที่ใน JavaScript
บทสรุป
ในการแปลงการประทับเวลาเป็นรูปแบบวันที่ใน JavaScript ให้ใช้ “ วันใหม่() ” วิธี Constructor เพื่อสร้างวัตถุวันที่ใหม่และแสดงวันที่และเวลาปัจจุบัน ยังใช้ “ getHours() ”, “ getMinutes() ', และ ' toDateString() ” วิธีการรวบรวมเวลาและวันที่และแสดงผล นอกจากนี้ “ คลาสวันที่ วิธีการ ” ยังสามารถใช้เพื่อจุดประสงค์เดียวกัน บทความนี้แนะนำเกี่ยวกับการแปลงการประทับเวลาเป็นรูปแบบวันที่ใน JavaScript