Trong JavaScript, có những trường hợp cần chuyển đổi giá trị ngày và giờ ngẫu nhiên hoặc không chính xác, không phụ thuộc vào múi giờ hoặc lịch nào. Ví dụ: khi cần lấy giá trị của từng thuộc tính ở định dạng ngày tháng. Trong những trường hợp như vậy, JavaScript có thể giúp bạn mã hóa giá trị dấu thời gian chưa được định dạng ở định dạng ngày và giờ thích hợp.
Sổ tay hướng dẫn này sẽ hướng dẫn bạn liên quan đến việc chuyển đổi Dấu thời gian thành định dạng ngày tháng trong JavaScript.
Làm thế nào để chuyển đổi giá trị dấu thời gian ở định dạng ngày trong JavaScript?
Để chuyển đổi giá trị dấu thời gian ở định dạng ngày tháng trong JavaScript, có thể áp dụng các phương pháp sau:
- “ Ngày mới () ' Người xây dựng
- “ getHours () ',' getMinutes () ' và ' toDateString () ”Phương pháp
- “ Ngày ” Lớp Phương pháp
Lần lượt đi qua các phương pháp đã thảo luận!
Phương pháp 1: Chuyển đổi Dấu thời gian thành Định dạng ngày trong JavaScript bằng cách sử dụng hàm tạo “New Date ()”
Các ' Ngày mới () 'Constructor tạo một đối tượng mới có tên' ngày ”Với ngày và giờ hiện tại. Phương pháp này có thể được áp dụng để tạo đối tượng Ngày tham chiếu đến giá trị dấu thời gian đã khai báo và hiển thị định dạng ngày đã chuyển đổi.
Ví dụ dưới đây sẽ chứng minh khái niệm đã nêu.
Thí dụ
Đầu tiên, khai báo một biến có tên “ timeStamp ”Và lưu trữ một giá trị cụ thể trong đó:
là timeStamp = 1807110465663Tiếp theo, áp dụng “ Ngày() Hàm tạo ”để tạo một đối tượng ngày tháng mới và sử dụng giá trị timeStamp làm đối số của nó:
var dateFormat = new Date ( timeStamp ) ;Cuối cùng, ghi lại giá trị định dạng ngày đã chuyển đổi trên bảng điều khiển:
console.log ( Định dạng ngày tháng )Kết quả của việc thực hiện ở trên sẽ dẫn đến kết quả như sau:
Phương pháp 2: Chuyển đổi Dấu thời gian thành Định dạng Ngày tháng trong JavaScript Sử dụng các phương thức “getHours ()”, “getMinutes ()” và “toDateString ()”
Đầu tiên, chỉ định một giá trị dấu thời gian cụ thể và lưu trữ nó trong một biến có tên timeStamp:
là timeStamp = 1107110465663Tiếp theo, áp dụng “ Ngày() Hàm tạo ”để tạo một đối tượng ngày tháng mới với giá trị timeStamp làm đối số của nó như đã thảo luận trong phương pháp trước:
hăng sô ngày = ngày mới ( timeStamp ) ;Sau đó, áp dụng “ getHours () ' và ' getMinutes () ”Để lấy giờ và phút liên quan đến giá trị timeStamp được chỉ định. Ngoài ra, hãy áp dụng “ toDateString () ”Để lấy ngày tương ứng:
dateFormat = date.getHours ( ) + ':' + date.getMinutes ( ) + ',' + date.toDateString ( ) ;Cuối cùng, hiển thị định dạng ngày kết quả trên bảng điều khiển:
console.log ( Định dạng ngày tháng ) ;Đầu ra
Phương pháp 3: Chuyển đổi Dấu thời gian thành Định dạng ngày trong JavaScript bằng cách sử dụng các phương pháp lớp ngày
Các ' Ngày ”Lớp cung cấp các phương thức khác nhau để biểu diễn dấu thời gian đã khai báo thành định dạng ngày tháng. Phương thức này có thể được triển khai để tạo một đối tượng ngày tháng mới và hiển thị định dạng ngày tháng tương ứng bằng cách áp dụng các phương pháp tìm nạp từng thuộc tính của nó một cách riêng biệt.
Hãy xem ví dụ sau.
Thí dụ
Lặp lại các bước đã thảo luận trong các phương pháp trên để khởi tạo giá trị dấu thời gian và tạo đối tượng ngày tháng mới như sau:
là timeStamp = 1107110465663là Định dạng ngày tháng = ngày mới ( timeStamp ) ;
Bây giờ, hãy áp dụng “ hẹn gặp() 'Phương pháp để nhận ngày trong tháng,' getMonth () 'Để nhận được tháng,' getFullYear () ”Để nhận được giá trị của cả năm. Ngoài ra, hãy áp dụng “ getHours () ',' getMinutes () ', và ' getSeconds () ”Để lấy thời gian tương ứng so với dấu thời gian đã cung cấp.
Cuối cùng, thêm tất cả các thuộc tính để nhận định dạng ngày một cách tuần tự:
console.log ( 'Ngày: ' + dateFormat.getDate ( ) +'/' + ( dateFormat.getMonth ( ) + 1 ) +
'/' + dateFormat.getFullYear ( ) +
'' + dateFormat.getHours ( ) +
':' + dateFormat.getMinutes ( ) +
':' + dateFormat.getSeconds ( ) ) ;
Đầu ra
Chúng tôi đã biên soạn các phương pháp khác nhau để chuyển đổi dấu thời gian sang định dạng ngày tháng trong JavaScript.
Sự kết luận
Để chuyển đổi dấu thời gian sang định dạng ngày tháng trong JavaScript, hãy áp dụng “ Ngày mới () ”Phương thức hàm tạo để tạo một đối tượng ngày tháng mới và hiển thị ngày giờ hiện tại. Ngoài ra, hãy áp dụng “ getHours () ',' getMinutes () ', và ' toDateString () ”Để biên dịch thời gian và ngày tháng và hiển thị chúng. Hơn nữa, “ Lớp ngày tháng ”Cũng có thể được sử dụng cho cùng một mục đích. Bài viết này hướng dẫn liên quan đến chuyển đổi dấu thời gian sang định dạng ngày tháng trong JavaScript.