Giới thiệu về Ngày và Giờ trong JavaScript

Đặt ngày (date) và giờ (time) trong JavaScript không khó, bài viết này sẽ chỉ cho bạn mọi thứ bạn cần biết.

• Khung JavaScript là gì và một số khung JavaScript phổ biến
• Hỏi đáp về ngôn ngữ JavaScript cùng lập trình viên
• Học lập trình web nên học ngôn ngữ nào có tính ứng dụng cao?
• Học lập trình web bắt đầu từ đâu sẽ mang lại hiệu quả tốt?
• Cách định nghĩa và cấu trúc các hàm trong JavaScript

Làm việc với ngày tháng là một phần quan trọng của lập trình. Đối tượng date (ngày tháng) có sẵn được dùng để làm việc với ngày tháng và thời gian trong JavaScript. Các phương thức khác nhau của đối tượng date làm cho tác vụ này dễ dàng hơn rất nhiều.

Trong bài viết này, bạn sẽ tìm hiểu mọi thứ bạn cần biết về cách làm việc với ngày và giờ trong JavaScript. Hãy bắt đầu nào.

1. Làm việc với ngày và giờ trong JavaScript: Cách tạo đối tượng data

Bạn có thể tạo đối tượng date trong JavaScript bằng bốn cách sau:

1.1 new Date()

Hàm new Date() tạo một đối tượng date với ngày và giờ hiện tại.

let d = new Date();

console.log(d);

Đầu ra :

Mon Jan 03 2022 20:27:58 GMT+0530 (India Standard Time)

1.2 new Date(datestring)

Phương thức khởi tạo new Date(datestring) tạo một đối tượng date từ một chuỗi ngày tháng.

let d = new Date("2022-01-01");

console.log(d);

Đầu ra :

Sat Jan 01 2022 05:30:00 GMT+0530 (India Standard Time)

1.3 new Date(milliseconds)

Hàm new Date(milliseconds) tạo một đối tượng date bằng cách thêm mili giây vào thời gian bằng không. Tham số biểu thị thời gian đã trôi qua tính bằng mili giây kể từ ngày 1 tháng 1 năm 1970 theo giờ UTC.

let d1 = new Date(0);

console.log(d1);

let d2 = new Date(973436457364);

console.log(d2);

Đầu ra :

Thu Jan 01 1970 05:30:00 GMT+0530 (India Standard Time)

Sun Nov 05 2000 20:30:57 GMT+0530 (India Standard Time)

1.4 new Date(year, month, day, hours, minutes, seconds, milliseconds)

Hàm new Date(year, month, day, hours, minutes, seconds, milliseconds) tạo một đối tượng ngày với một ngày và giờ được chỉ định. Bảy tham số chỉ định năm, tháng, ngày, giờ, phút, giây và mili giây tương ứng.

let d = new Date(2020, 10, 11, 15, 29, 46, 0);

console.log(d);

Đầu ra :

Wed Nov 11 2020 15:29:46 GMT+0530 (India Standard Time)

Bạn cũng có thể tạo một đối tượng date với sáu, bốn, ba hoặc hai tham số.

a) Sáu tham số chỉ định năm, tháng, ngày, giờ, phút và giây.

b) Năm tham số chỉ định năm, tháng, ngày, giờ và phút.

c) Bốn tham số chỉ định năm, tháng, ngày và giờ.

d) Ba tham số chỉ định năm, tháng và ngày.

e) Hai tham số chỉ định năm và tháng.

Ghi chú :

• JavaScript đếm các tháng từ 0 đến 11, tức là tháng 1 được biểu thị bằng 0 và tháng 12 được biểu thị bằng 11.
• Nếu bạn chỉ định các giá trị nằm ngoài phạm vi trong đối tượng Date, nó sẽ không tạo ra lỗi mà nó sẽ tự động sửa chữa chính nó.

// March does not have 40 days, the overflow is auto-corrected

let d = new Date(2020, 2, 40);

console.log(d);

Đầu ra :

Thu Apr 09 2020 00:00:00 GMT+0530 (India Standard Time)

>>> Xem thêm: 10 Lý do hàng đầu để học JavaScript làm ngôn ngữ lập trình nền tảng

2. Làm việc với ngày và giờ trong JavaScript: Các phương thức get dữ liệu

Bạn có thể sử dụng các phương pháp sau để lấy thông tin từ một đối tượng date.

2.1 getFullYear()

Phương thức này trả về năm dưới dạng số có bốn chữ số (yyyy) theo giờ địa phương.

let d = new Date();

console.log(d.getFullYear());

Đầu ra :

2022

2.2 getMonth()

Phương thức này trả về tháng dưới dạng số (0-11) theo giờ địa phương.

let d = new Date();

console.log(d.getMonth());

Đầu ra :

0

2.3 getDate()

Phương thức này trả về ngày dưới dạng số (1-31) theo giờ địa phương.

let d = new Date();

console.log(d.getDate());

Đầu ra :

3

2.4 getHours()

Phương thức này trả về giờ (0-23) theo giờ địa phương.

let d = new Date();

console.log(d.getHours());

Đầu ra :

22

2.5 getMinutes()

Phương thức này trả về phút (0-59) theo giờ địa phương.

let d = new Date();

console.log(d.getMinutes());

Đầu ra :

40

2.6 getSeconds()

Phương thức này trả về giây (0-59) theo giờ địa phương.

let d = new Date();

console.log(d.getSeconds());

Đầu ra :

30

2.7 getMilliseconds()

Phương thức này trả về mili giây (0-999) theo giờ địa phương.

let d = new Date();

console.log(d.getMilliseconds());

Đầu ra :

55

2.8 getTime()

Phương thức này trả về thời gian tính bằng mili giây kể từ ngày 1 tháng 1 năm 1970.

let d = new Date();

console.log(d.getTime());

Đầu ra :

1641230088884

2.9 getDay()

Phương thức này trả về ngày trong tuần dưới dạng số (0-6) theo giờ địa phương.

let d = new Date();

console.log(d.getDay());

Đầu ra :

1

Lưu ý : Nếu bạn muốn làm việc với ngày UTC, bạn có thể sử dụng các phương pháp ngày sau: getUTCDate()​​​​​​​, getUTCDay()​​​​​​​, getUTCFullYear()​​​​​​​, getUTCHours()​​​​​​​, getUTCMilliseconds(), getUTCMinutes()​​​​​​​, getUTCMonth(), and getUTCSeconds().

>>> Xem thêm: Sự khác biệt chính giữa JavaScript và Python bạn đã biết?

3. Làm việc với ngày và giờ trong JavaScript: Phương pháp đặt ngày trong JavaScript

Bạn có thể sử dụng các phương pháp sau để đặt một phần của đối tượng date.

3.1 setDate()

Phương pháp này đặt ngày dưới dạng số (1-31) cho một ngày cụ thể theo giờ địa phương.

let d = new Date();

d.setDate(20);

console.log(d);

Đầu ra :

Thu Jan 20 2022 22:58:59 GMT+0530 (India Standard Time)

3.2 setFullYear()

Phương pháp này đặt năm cho một ngày cụ thể theo giờ địa phương.

let d = new Date();

d.setFullYear(2016);

console.log(d);

Đầu ra :

Sun Jan 03 2016 23:00:41 GMT+0530 (India Standard Time)

3.3 setHours()

Phương pháp này đặt giờ (0-23) cho một ngày cụ thể theo giờ địa phương.

let d = new Date();

d.setHours(15);

console.log(d);

Đầu ra :

Mon Jan 03 2022 15:02:01 GMT+0530 (India Standard Time)

3.4 setMilliseconds()

Phương thức này đặt mili giây (0-999) cho một ngày cụ thể theo giờ địa phương.

let d = new Date();

d.setMilliseconds(548);

console.log(d);

Đầu ra :

Mon Jan 03 2022 23:04:13 GMT+0530 (India Standard Time)

Tương tự, bạn có thể sử dụng các phương thức setMinutes()​​​​​​​, setMonth()​​​​​​​, and setSeconds() để đặt phút (0-59), tháng (0-11), và giây (0-59) tương ứng cho một ngày cụ thể theo giờ địa phương.

4. Làm việc với ngày và giờ trong JavaScript: Ví dụ về thời gian hiện tại của JavaScript

Một ví dụ đơn giản để in thời gian hiện tại của hệ thống:

<!DOCTYPE html>

<html lang="en" dir="ltr">

<head>

<meta charset="utf-8">

<title>Current Time</title>

</head>

<body>

<p id="target"></p>

</body>

<script type="text/javascript">

var current = new Date();

var hour = current.getHours();

var minute = current.getMinutes();

document.getElementById('target').innerHTML = hour + ":" + minute;

</script>

</html>

Nếu bạn muốn xem toàn bộ mã nguồn được sử dụng trong bài viết này, đây là kho lưu trữ GitHub.

>>> Xem thêm: Hiểu Rõ Về Các Loại Vòng Lặp Trong Javascript Và Cấu Trúc Từng Loại Vòng Lặp

5. Phát triển dự án bằng cách sử dụng khái niệm ngày của JavaScript

Bạn sẽ gặp nhiều trường hợp về ngày JavaScript khi làm việc trên các ứng dụng trong thế giới thực. Nếu bạn muốn bắt đầu với một dự án đơn giản và có được kinh nghiệm thực tế, bạn có thể phát triển đồng hồ kỹ thuật số bằng HTML, CSS và JavaScript. Cùng với ngày tháng, bạn cũng sẽ học một số khái niệm JavaScript quan trọng như làm việc với các biến, sử dụng các hàm, truy cập và thêm thuộc tính vào DOM, v.v.

Dịch từ: https://www.makeuseof.com/javascript-dates/

>>> Nếu bạn đang có nhu cầu học lập trình trực tuyến, tìm hiểu ngay tại đây:

>>> Xem thêm các chủ đề hữu ích:

Ngôn ngữ lập trình Java: Hướng dẫn cho người mới bắt đầu về Java

Có nên lập trình game bằng C++, C#, Java và JavaScript?

Hỏi đáp về ngôn ngữ JavaScript cùng lập trình viên

Những trung tâm dạy học lập trình java trực tuyến trong vòng 6 tháng

Cách sử dụng Package và Collection có sẵn trong Java

Vân Nguyễn