Trong bài viết này, Thế giới JS chia sẻ về cách lấy(get) or cài đặt(set) ngày khác nhau từ đối tượng date trong Javascript. Có nhiều phương pháp truy xuất or đặt lại ngày trong JavaScript. Các giá trị dữ liệu có thể nhận được như năm, tháng, ngày, giờ, phút, giây, mili giây từ Đối tượng Ngày.
1.Các phương thức lấy(Get) ngày trong JavaScript
- getDate() : Nó được sử dụng để lấy ngày dưới dạng số (1-31).
- getFullYear() : Nó được sử dụng để lấy năm.
- getHours() : Nó được sử dụng để lấy giờ (0-23).
- getMilliseconds() : Nó được sử dụng để lấy mili giây (0-999).
- getMinutes() : Nó được sử dụng để lấy số phút (0-59).
- getMonth() : Nó được sử dụng để lấy tháng (0-11).
- getSeconds() : Nó được sử dụng để lấy giây (0-59).
- getTime() : Nó được sử dụng để trả về số mili giây kể từ ngày 1 tháng 1 năm 1970.
- getDay() : Nó được sử dụng để lấy ngày trong tuần dưới dạng số (0-6).
- date.now() : Nó được sử dụng để trả về số mili giây đã trôi qua kể từ ngày 1 tháng 1 năm 1970, 00:00:00 UTC.
Chúng tôi sẽ triển khai các phương thức ngày khác nhau và hiểu cách sử dụng chúng thông qua các ví dụ.
1.1.Phương thức getHours():
Phương thức getHours() trong JavaScript được sử dụng để trả về số giờ của một ngày dưới dạng số (0-23).
Ví dụ: Ví dụ này mô tả phương thức getHours() để truy xuất giờ cho ngày đã chỉ định thành giờ địa phương từ đối tượng ngày.
<!--
// https://vpsus.vn/
// https://www.facebook.com/groups/893052378563701
// https://twitter.com/thegioijs
-->
<!DOCTYPE html>
<html>
<head>
<title> JavaScript getHours() Method </title>
</head>
<body style="text-align:center;">
<h1>vpsus</h1>
<h2>JavaScript getHours()</h2>
<p id="wkc"></p>
<!-- Script to use getHours() method -->
<script>
var d = new Date();
document.getElementById("wkc").innerHTML = d.getHours();
</script>
</body>
</html>
Đầu ra:
vpsus
JavaScript getHours()
11
1.2.Phương thức getDate():
Phương thức getDate() trong JavaScript được sử dụng để trả về ngày của một ngày dưới dạng số (1-31).
Ví dụ: Ví dụ này mô tả phương thức getDate() để truy xuất ngày tháng hiện tại từ đối tượng ngày tháng.
<!--
// https://vpsus.vn/
// https://www.facebook.com/groups/893052378563701
// https://twitter.com/thegioijs
-->
<!DOCTYPE html>
<html>
<head>
<title>JavaScript getDate() Method</title>
</head>
<body style="text-align:center;">
<h1>vpsus</h1>
<h2>JavaScript getDate()</h2>
<p id="wkc"></p>
<!-- Script to use getDate() method -->
<script>
var d = new Date();
document.getElementById("wkc").innerHTML = d.getDate();
</script>
</body>
</html>
Đầu ra:
vpsus
JavaScript getDate()
2
1.3.Phương thức getMonth():
Phương thức getMonth() trong JavaScript được sử dụng để trả về tháng của một ngày dưới dạng số (0-11).
Ví dụ: Ví dụ này mô tả phương thức getMonth() để truy xuất tháng từ đối tượng ngày tháng.
<!--
// https://vpsus.vn/
// https://www.facebook.com/groups/893052378563701
// https://twitter.com/thegioijs
-->
<!DOCTYPE html>
<html>
<head>
<title>JavaScript getMonth() Method</title>
</head>
<body style="text-align:center;">
<h1>Vpsus</h1>
<h2>JavaScript getMonth()</h2>
<p id="wkc"></p>
<!-- Script to use getMonth() method -->
<script>
var d = new Date();
document.getElementById("wkc").innerHTML = d.getMonth()+1;
</script>
</body>
</html>
Trong Javascript, số tháng bắt đầu từ 0 biểu thị tháng đầu tiên tức là tháng 1 & kết thúc bằng số tháng 11 biểu thị tháng cuối cùng tức là tháng 12. Vì vậy, chúng ta cần thêm 1 để có được tháng hiện tại.
Đầu ra:
Vpsus
JavaScript getMonth()
2
1.4.Phương thức getFullYear():
Phương thức getFullYear() trong JavaScript được sử dụng để trả về năm (ở dạng 4 chữ số) cho ngày đã chỉ định theo giờ địa phương.
Ví dụ: Ví dụ này mô tả phương thức getFullYear() để truy xuất năm từ đối tượng ngày tháng.
<!--
// https://vpsus.vn/
// https://www.facebook.com/groups/893052378563701
// https://twitter.com/thegioijs
-->
<!DOCTYPE html>
<html>
<head>
<title>JavaScript getMonth() Method</title>
</head>
<body style="text-align:center;">
<h1>Vpsus</h1>
<h2>JavaScript getFullYear()</h2>
<p id="wkc"></p>
<!-- Script to use getMonth() method -->
<script>
var d = new Date();
document.getElementById("wkc").innerHTML = d.getFullYear();
</script>
</body>
</html>
Đầu ra:
Vpsus
JavaScript getFullYear()
2023
1.5.Phương thức getTime():
Phương thức getTime() trong JavaScript được sử dụng để trả về số mili giây (0–999).
Ví dụ: Ví dụ này mô tả phương thức getTime() để truy xuất số mili giây từ đối tượng ngày tháng.
<!--
// https://vpsus.vn/
// https://www.facebook.com/groups/893052378563701
// https://twitter.com/thegioijs
-->
<!DOCTYPE html>
<html>
<head>
<title>JavaScript getTime() Method</title>
</head>
<body style="text-align:center;">
<h1>Vpsus</h1>
<h2>JavaScript getTime()</h2>
<p id="wkc"></p>
<!-- Script to use getTime() method -->
<script>
var d = new Date();
document.getElementById("wkc").innerHTML = d.getTime();
</script>
</body>
</html>
Đầu ra:
Vpsus
JavaScript getTime()
1675311737440
1.6.Phương thức getSeconds():
Phương thức getSeconds() trong JavaScript trả về giây của một đối tượng ngày (0-59).
Ví dụ: Ví dụ này mô tả phương thức getSeconds() để truy xuất giây từ đối tượng ngày tháng.
<!--
// https://vpsus.vn/
// https://www.facebook.com/groups/893052378563701
// https://twitter.com/thegioijs
-->
<!DOCTYPE html>
<html>
<head>
<title>JavaScript getSeconds() Method</title>
</head>
<body style="text-align:center;">
<h1>Vpsus</h1>
<h2>JavaScript getSeconds()</h2>
<p id="wkc"></p>
<!-- Script to use getSeconds() method -->
<script>
var d = new Date();
document.getElementById("wkc").innerHTML = d.getSeconds();
</script>
</body>
</html>
Đầu ra:
Vpsus
JavaScript getSeconds()
5
2.Các phương thức Đặt(Set) ngày trong JavaScript
Có nhiều phương thức khác nhau để đặt ngày trong JavaScript. Các giá trị dữ liệu có thể được đặt như năm, tháng, ngày, giờ, phút, giây, mili giây cho Đối tượng Ngày.
Phương thức:
- setDate(): Được sử dụng để đặt ngày dưới dạng số (1-31).
- setFullYear(): Nó được sử dụng để thiết lập năm (tùy chọn tháng và ngày).
- setHours(): Được sử dụng để đặt giờ (0-23).
- setMilliseconds(): Nó được sử dụng để đặt mili giây (0-999).
- setMinutes(): Được sử dụng để đặt phút (0-59).
- setMonth(): Được sử dụng để đặt tháng (0-11).
- setSeconds(): Được sử dụng để đặt giây (0-59).
- setTime(): Được sử dụng để thiết lập thời gian.
- Phương thức setSeconds(): Phương thức setSeconds() đặt giây của đối tượng ngày (0-59).
Ví dụ:
<!--
// https://vpsus.vn/
// https://www.facebook.com/groups/893052378563701
// https://twitter.com/thegioijs
-->
<body style="text-align:center;">
<h1>Vpsus</h1>
<h2>JavaScript setSeconds()</h2>
<p id="wkc"></p>
<!-- Script to use setSeconds method -->
<script>
var d = new Date();
d.setSeconds(22);
document.getElementById("wkc").innerHTML = d;
</script>
</body>
Đầu ra:
Vpsus
JavaScript setSeconds()
Thu Feb 02 2023 11:25:22 GMT+0700 (Indochina Time)
2.1.Phương thức setMinutes():
Phương thức setMinutes() đặt số phút của đối tượng ngày (0-59).
Ví dụ:
<!--
// https://vpsus.vn/
// https://www.facebook.com/groups/893052378563701
// https://twitter.com/thegioijs
-->
<body style="text-align:center;">
<h1>Vpsus</h1>
<h2>JavaScript setMinutes()</h2>
<p id="wkc"></p>
<!-- Script to use setMinutes method -->
<script>
var d = new Date();
d.setMinutes(2);
document.getElementById("wkc").innerHTML = d;
</script>
</body>
Đầu ra:
Vpsus
JavaScript setMinutes()
Thu Feb 02 2023 11:02:55 GMT+0700 (Indochina Time)
2.2.Phương thức setHours():
Phương thức setHours() thiết lập giờ của một đối tượng ngày (0-23).
Ví dụ:
<!--
// https://vpsus.vn/
// https://www.facebook.com/groups/893052378563701
// https://twitter.com/thegioijs
-->
<body style="text-align:center;">
<h1>Vpsus</h1>
<h2>JavaScript setHours()</h2>
<p id="wkc"></p>
<!-- Script to use setHours() method -->
<script>
var d = new Date();
d.setHours(2);
document.getElementById("wkc").innerHTML = d;
</script>
</body>
Đầu ra:
Vpsus
JavaScript setHours()
Thu Feb 02 2023 02:27:35 GMT+0700 (Indochina Time)
2.3.Phương thức setDate():
Phương thức setDate() trong JavaScript được sử dụng để đặt ngày của một đối tượng ngày (1-31).
Ví dụ:
<!--
// https://vpsus.vn/
// https://www.facebook.com/groups/893052378563701
// https://twitter.com/thegioijs
-->
<body style="text-align:center;">
<h1>Vpsus</h1>
<h2>JavaScript setDate()</h2>
<p id="wkc"></p>
<!-- Script to use setDate method -->
<script>
var d = new Date();
d.setDate(5);
document.getElementById("wkc").innerHTML = d;
</script>
</body>
Đầu ra:
Vpsus
JavaScript setDate()
Sun Feb 05 2023 11:28:11 GMT+0700 (Indochina Time)
2.4.Phương thức setFullYear():
Phương thức setFullYear() trong JavaScript được sử dụng để đặt năm cho một đối tượng ngày tháng.
Ví dụ:
<!--
// https://vpsus.vn/
// https://www.facebook.com/groups/893052378563701
// https://twitter.com/thegioijs
-->
<body style="text-align:center;">
<h1>Vpsus</h1>
<h2>JavaScript setFullYear()</h2>
<p id="wkc"></p>
<!-- Script to use setFullYear method -->
<script>
var d = new Date();
d.setFullYear(2020);
document.getElementById("wkc").innerHTML = d;
</script>
</body>
Đầu ra:
Vpsus
JavaScript setFullYear()
Sun Feb 02 2020 11:28:46 GMT+0700 (Indochina Time)
2.5.Phương thức setMonth():
Phương thức setMonth() trong JavaScript được sử dụng để đặt tháng của một đối tượng ngày (0-11).
Ví dụ:
<!--
// https://vpsus.vn/
// https://www.facebook.com/groups/893052378563701
// https://twitter.com/thegioijs
-->
<body style="text-align:center;">
<h1>Vpsus</h1>
<h2>JavaScript setMonth()</h2>
<p id="wkc"></p>
<!-- Script to use setMonth method -->
<script>
var d = new Date();
d.setMonth(5);
document.getElementById("wkc").innerHTML = d;
</script>
</body>
Đầu ra:
Vpsus
JavaScript setMonth()
Fri Jun 02 2023 11:29:55 GMT+0700 (Indochina Time)
Trên đây là tất cả những gì về hàm Get và Set của Date trong javascript mà bạn cần biết. Nếu bạn có bất kỳ câu hỏi liên quan tới hàm Get và Set của Date, hãy chủ động liên hệ và inbox cho chúng tôi, để giúp đỡ bạn sớm nhất
Tiếp theo, hãy cùng Thế giới JS tìm hiểu thêm các kiến thức về Javascript trong các bài tiếp theo trong series học miễn phí Javascript từ cơ bản tới nâng cao.
Nếu bạn cảm thấy hữu ích và yêu thích Thế giới JS, hãy tham gia và theo dõi chúng tôi để nhận thêm nhiều kiến thức MIỄN PHÍ hơn nữa nhé:
Share to learn more than!
