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

Làm việc với ngày tháng là một khía cạnh quan trọng của lập trình. Đối tượng ngày tháng dựng sẵn được sử 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 ngày tháng làm cho tác vụ dễ dàng hơn rất nhiều trong khi làm việc với ngày tháng và thời gian.

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 tháng trong JavaScript. Vì vậy, không cần thêm lời khuyên, chúng ta hãy bắt đầu.

Cách tạo đối tượng ngày

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

1. ngày mới ()

Các Ngày mới () hàm tạo tạo một đối tượng ngày 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)

2. Ngày mới (chuỗi dữ liệu)

Các Ngày mới (chuỗi dữ liệu) phương thức khởi tạo tạo một đối tượng ngày tháng 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)

3. Ngày mới (mili giây)

Các Ngày mới (mili giây) hàm tạo tạo một đối tượng ngày tháng 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)

4. Ngày mới (năm, tháng, ngày, giờ, phút, giây, mili giây)

Các Ngày mới (năm, tháng, ngày, giờ, phút, giây, mili giây) phương thức khởi tạo tạo một đối tượng ngày tháng 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 ngày tháng 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 Ngày, thay vào đó, 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)

JavaScript Ngày Lấy các phương thức

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 ngày tháng.

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. 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

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

Liên quan: Giới thiệu về các kiểu dữ liệu trong JavaScript

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

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

6. getSeconds ()

Phương thức này trả về thứ hai (0-59) theo giờ cục bộ.

let d = new Date();
console.log(d.getSeconds());

Đầu ra:

30

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

Liên quan: Một dòng JavaScript mà bạn nên biết

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

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

Ghi chú: 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 (), và getUTCSeconds ().

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 ngày tháng.

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)

Liên quan: Các phương pháp toán học JavaScript bạn nên nắm vững ngay hôm nay

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. 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)

Liên quan: Cách tạo một máy tính đơn giản bằng HTML, CSS và JavaScript

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 setMinutes (), setMonth (), và setSeconds () các phương pháp để đặ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.

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.

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.

Đọc tiếp

Giới thiệu về tác giả