Các phương thức lấy ngày tháng trong JavaScript

let now = new Date();
console.log(now.valueOf()); // Tương tự getTime(), ví dụ: 1708845600000

Điểm khác biệt:

• getTime() là phương thức chính để lấy timestamp.
• valueOf() được gọi ngầm khi Date được sử dụng trong các phép toán số học.

Ví dụ:

let date1 = new Date();
let date2 = new Date("2024-02-20");

console.log(date1 - date2); // Trả về số mili-giây giữa hai ngày

Ở đây, date1 - date2 sẽ tự động gọi valueOf() của cả hai đối tượng Date để thực hiện phép trừ.

Ứng dụng của timestamp trong JavaScript

So sánh hai mốc thời gian

Do timestamp là số nguyên, ta có thể so sánh hai mốc thời gian dễ dàng.

Ví dụ: Kiểm tra xem một sự kiện đã xảy ra hay chưa:

let now = new Date();
let eventTime = new Date("2024-12-31");

if (now.getTime() > eventTime.getTime()) {
    console.log("Sự kiện đã diễn ra.");
} else {
    console.log("Sự kiện chưa diễn ra.");
}

function countdown(targetDate) {
    let now = new Date().getTime();
    let eventTime = new Date(targetDate).getTime();
    let remainingTime = eventTime - now;

    let days = Math.floor(remainingTime / (1000 * 60 * 60 * 24));
    let hours = Math.floor((remainingTime % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    let minutes = Math.floor((remainingTime % (1000 * 60 * 60)) / (1000 * 60));
    let seconds = Math.floor((remainingTime % (1000 * 60)) / 1000);

    console.log(`Còn lại: ${days} ngày ${hours} giờ ${minutes} phút ${seconds} giây`);
}

countdown("2024-12-31T23:59:59");

let now = new Date();
let unixTimestamp = Math.floor(now.getTime() / 1000);
console.log(unixTimestamp); // Ví dụ: 1708845600

let timestamp = 1708845600;
let date = new Date(timestamp * 1000);
console.log(date.toLocaleString()); // Hiển thị ngày giờ theo địa phương

dateObject.getUTCFullYear();

let date = new Date();
console.log(date.getFullYear());     // Năm theo múi giờ địa phương
console.log(date.getUTCFullYear());  // Năm theo chuẩn UTC

dateObject.getUTCMonth();

let date = new Date();
console.log(date.getMonth() + 1);     // Tháng theo múi giờ địa phương
console.log(date.getUTCMonth() + 1);  // Tháng theo chuẩn UTC

dateObject.getUTCDate();

let date = new Date();
console.log(date.getDate());     // Ngày theo múi giờ địa phương
console.log(date.getUTCDate());  // Ngày theo chuẩn UTC

dateObject.getUTCDay();

let date = new Date();
console.log(date.getDay());     // Ngày trong tuần theo múi giờ địa phương
console.log(date.getUTCDay());  // Ngày trong tuần theo chuẩn UTC

let date = new Date();
console.log(date.getHours(), date.getMinutes(), date.getSeconds());    
// Giờ, phút, giây theo múi giờ địa phương

console.log(date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds());  
// Giờ, phút, giây theo chuẩn UTC

let createdAt = new Date().toISOString(); 
console.log(createdAt); // Ví dụ: "2024-02-26T14:30:00.000Z"

Chuỗi ISO 8601 luôn kết thúc bằng Z, thể hiện thời gian ở UTC.

Đồng bộ thời gian trong các ứng dụng quốc tế

Trong các hệ thống đa quốc gia, người dùng ở Việt Nam (GMT+7) có thể tương tác với người ở Mỹ (GMT-5).
Để hiển thị thời gian đúng cho từng người dùng, cần lưu trữ dữ liệu theo UTC và chuyển đổi khi hiển thị.

Ví dụ:

let utcDate = new Date("2024-02-26T14:30:00.000Z");
console.log(utcDate.toLocaleString("vi-VN", { timeZone: "Asia/Ho_Chi_Minh" }));
// Chuyển UTC sang múi giờ Việt Nam

Ứng dụng thực tế của các phương thức lấy ngày tháng trong JavaScript

JavaScript cung cấp nhiều phương thức để lấy ngày, tháng, năm, giờ, phút, giây từ đối tượng Date. Những phương thức này có nhiều ứng dụng quan trọng trong thực tế, đặc biệt là trong việc hiển thị thời gian, tạo bộ đếm ngược, và kiểm tra thời gian cho các sự kiện. Dưới đây là một số ứng dụng phổ biến.

Hiển thị ngày giờ hiện tại trên website

Mục đích:

• Cập nhật thời gian theo thời gian thực.
• Hiển thị thời gian theo múi giờ của người dùng.

Cách thực hiện:
Sử dụng các phương thức getFullYear(), getMonth(), getDate(), getHours(), getMinutes(), getSeconds() để lấy thời gian hiện tại.

Ví dụ: Hiển thị thời gian thực trên trang web và cập nhật mỗi giây.

function updateTime() {
    let now = new Date();
    let dateString = now.toLocaleString("vi-VN");
    
    document.getElementById("clock").innerText = dateString;
}

setInterval(updateTime, 1000); // Cập nhật mỗi giây

HTML để hiển thị:

<p id="clock"></p>

Kết quả: Hiển thị thời gian hiện tại của người dùng theo múi giờ của họ.

Đếm ngược thời gian cho sự kiện

Mục đích:

• Hiển thị bộ đếm ngược cho các sự kiện như Black Friday, Tết, hội nghị, sinh nhật.
• Nhắc nhở người dùng về thời gian còn lại.

Cách thực hiện:
Dùng getTime() để lấy timestamp của thời gian hiện tại và thời gian đích, sau đó tính số mili-giây còn lại.

Ví dụ: Đếm ngược đến Tết Nguyên Đán 2025.

function countdown() {
    let eventDate = new Date("2025-01-29T00:00:00"); // Tết Nguyên Đán 2025
    let now = new Date();
    
    let timeLeft = eventDate.getTime() - now.getTime(); // Thời gian còn lại (ms)
    
    let days = Math.floor(timeLeft / (1000 * 60 * 60 * 24));
    let hours = Math.floor((timeLeft % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    let minutes = Math.floor((timeLeft % (1000 * 60 * 60)) / (1000 * 60));
    let seconds = Math.floor((timeLeft % (1000 * 60)) / 1000);
    
    document.getElementById("countdown").innerText = `${days} ngày ${hours} giờ ${minutes} phút ${seconds} giây`;

    if (timeLeft <= 0) {
        document.getElementById("countdown").innerText = "Sự kiện đã diễn ra!";
    }
}

setInterval(countdown, 1000); // Cập nhật mỗi giây

<p id="countdown"></p>