Cách sử dụng đối tượng Date trong JavaScript
Javascript căn bản | by
Trong JavaScript, đối tượng Date là một công cụ quan trọng giúp làm việc với thời gian và ngày tháng. Nó cho phép chúng ta lấy thông tin ngày giờ hiện tại, định dạng thời gian theo nhiều cách khác nhau, tính toán khoảng cách giữa các ngày và thực hiện nhiều thao tác hữu ích khác.
Việc hiểu và sử dụng thành thạo Date giúp lập trình viên phát triển các tính năng quan trọng như hiển thị thời gian thực, tạo bộ đếm ngược, đặt lịch hẹn, tính toán thời gian giữa các sự kiện, v.v. Trong bài viết này, chúng ta sẽ tìm hiểu cách tạo và sử dụng đối tượng Date, cũng như các phương thức phổ biến để thao tác với nó trong JavaScript.
Giới thiệu về đối tượng Date trong JavaScript
Trong JavaScript, Date là một đối tượng tích hợp sẵn (built-in object) giúp làm việc với ngày, giờ, múi giờ và timestamp. Đối tượng Date cho phép tạo, truy xuất, chỉnh sửa và định dạng ngày giờ một cách linh hoạt.
Date trong JavaScript hoạt động dựa trên số mili-giây tính từ mốc thời gian chuẩn Unix Epoch (00:00:00 ngày 1 tháng 1 năm 1970 UTC).
Ví dụ tạo một đối tượng Date hiển thị thời gian hiện tại:
let now = new Date(); console.log(now); // Kết quả: Mon Feb 26 2025 14:30:00 GMT+0700 (Indochina Time)
Tại sao cần sử dụng đối tượng Date trong JavaScript?
Xử lý ngày giờ trong ứng dụng web
- Hiển thị thời gian hiện tại trên trang web.
- Tạo lịch hẹn, đặt lịch làm việc, nhắc nhở.
- Hiển thị ngày đăng bài viết, ngày cập nhật dữ liệu.
Ví dụ:
document.getElementById("time").innerText = new Date().toLocaleString();
Tính toán khoảng thời gian giữa hai mốc thời gian
- Tính số ngày giữa hai ngày (ví dụ: số ngày còn lại đến hạn thanh toán).
- Tính khoảng cách giữa hai sự kiện trong ứng dụng (ví dụ: thời gian đếm ngược).
Ví dụ tính số ngày giữa hai ngày:
let date1 = new Date("2025-03-01");
let date2 = new Date("2025-02-26");
let difference = Math.abs(date1 - date2);
let daysDiff = difference / (1000 * 60 * 60 * 24);
console.log(daysDiff); // Kết quả: 3
Định dạng và hiển thị ngày giờ theo múi giờ khác nhau
- Hỗ trợ làm việc với múi giờ khác nhau trong các ứng dụng quốc tế.
- Chuyển đổi giữa múi giờ địa phương và UTC.
- Hiển thị ngày giờ theo định dạng phù hợp với từng quốc gia.
Ví dụ hiển thị ngày giờ theo định dạng địa phương:
let now = new Date();
console.log(now.toLocaleString("vi-VN")); // Kết quả: 26/02/2025, 14:30:00
Cách tạo đối tượng Date trong JavaScript
Đối tượng Date trong JavaScript có thể được tạo theo nhiều cách khác nhau để phù hợp với nhu cầu sử dụng. Dưới đây là các cách phổ biến để khởi tạo một đối tượng Date, kèm theo ví dụ minh họa.
Tạo một đối tượng Date mới (Lấy thời gian hiện tại)
Cách đơn giản nhất để tạo một đối tượng Date là sử dụng new Date() mà không truyền tham số. Khi đó, JavaScript sẽ lấy thời gian hiện tại theo hệ thống của thiết bị người dùng.
let now = new Date(); console.log(now); // Kết quả: Mon Feb 26 2025 14:30:00 GMT+0700 (Indochina Time) (tùy vào thời gian thực tế)
Tạo đối tượng Date từ số mili-giây (milliseconds)
Bạn có thể khởi tạo Date từ số mili-giây tính từ mốc thời gian Unix Epoch (00:00:00 ngày 1 tháng 1 năm 1970 UTC).
let dateFromMs = new Date(1000000000000); console.log(dateFromMs); // Kết quả: Sat Sep 08 2001 21:46:40 GMT+0700 (Indochina Time)
Số mili-giây càng lớn thì ngày càng xa so với mốc 01/01/1970.
Tạo đối tượng Date từ chuỗi ngày tháng (dateString)
JavaScript cho phép tạo Date bằng cách truyền vào một chuỗi ngày tháng hợp lệ.
let dateFromString = new Date("2025-02-26");
console.log(dateFromString);
// Kết quả: Wed Feb 26 2025 07:00:00 GMT+0700 (Indochina Time)
