Sử dụng hàm tạo
let stringDate = Date[];
console.log[stringDate]; // "Tue Aug 23 2022 14:47:12 GMT-0700 [Pacific Daylight Time]"
let objectDate = new Date[];
console.log[objectDate]; // Tue Aug 23 2022 14:47:12 GMT-0700 [Pacific Daylight Time]
9 để chuyển đổi một chuỗi thành một đối tượng let objectDate = new Date[];
let day = objectDate.getDate[];
console.log[day]; // 23
let month = objectDate.getMonth[];
console.log[month + 1]; // 8
let year = objectDate.getFullYear[];
console.log[year]; // 2022
0, e. g. let objectDate = new Date[];
let day = objectDate.getDate[];
console.log[day]; // 23
let month = objectDate.getMonth[];
console.log[month + 1]; // 8
let year = objectDate.getFullYear[];
console.log[year]; // 2022
1. Hàm tạo let stringDate = Date[];
console.log[stringDate]; // "Tue Aug 23 2022 14:47:12 GMT-0700 [Pacific Daylight Time]"
let objectDate = new Date[];
console.log[objectDate]; // Tue Aug 23 2022 14:47:12 GMT-0700 [Pacific Daylight Time]
9 lấy một chuỗi ngày hợp lệ làm tham số và trả về một đối tượng let objectDate = new Date[];
let day = objectDate.getDate[];
console.log[day]; // 23
let month = objectDate.getMonth[];
console.log[month + 1]; // 8
let year = objectDate.getFullYear[];
console.log[year]; // 2022
0Chúng tôi đã sử dụng hàm tạo Date[] để chuyển đổi một chuỗi thành đối tượng
let objectDate = new Date[];
let day = objectDate.getDate[];
console.log[day]; // 23
let month = objectDate.getMonth[];
console.log[month + 1]; // 8
let year = objectDate.getFullYear[];
console.log[year]; // 2022
0Nếu bạn nhận được Ngày không hợp lệ khi tạo đối tượng
let objectDate = new Date[];
let day = objectDate.getDate[];
console.log[day]; // 23
let month = objectDate.getMonth[];
console.log[month + 1]; // 8
let year = objectDate.getFullYear[];
console.log[year]; // 2022
0, bạn cần định dạng chuỗi chính xác trước khi chuyển nó tới hàm tạo let stringDate = Date[];
console.log[stringDate]; // "Tue Aug 23 2022 14:47:12 GMT-0700 [Pacific Daylight Time]"
let objectDate = new Date[];
console.log[objectDate]; // Tue Aug 23 2022 14:47:12 GMT-0700 [Pacific Daylight Time]
9Nếu bạn gặp khó khăn khi tạo đối tượng
let objectDate = new Date[];
let day = objectDate.getDate[];
console.log[day]; // 23
let month = objectDate.getMonth[];
console.log[month + 1]; // 8
let year = objectDate.getFullYear[];
console.log[year]; // 2022
0 hợp lệ, bạn có thể chuyển 2 loại đối số cho hàm tạo let stringDate = Date[];
console.log[stringDate]; // "Tue Aug 23 2022 14:47:12 GMT-0700 [Pacific Daylight Time]"
let objectDate = new Date[];
console.log[objectDate]; // Tue Aug 23 2022 14:47:12 GMT-0700 [Pacific Daylight Time]
9- một chuỗi ISO 8601 hợp lệ, được định dạng là
00 hoặc chỉ làlet objectDate = new Date[]; let day = objectDate.getDate[]; console.log[day]; // 23 let month = objectDate.getMonth[]; console.log[month + 1]; // 8 let year = objectDate.getFullYear[]; console.log[year]; // 2022
01, nếu bạn chỉ có ngày mà không có thời gianlet objectDate = new Date[]; let day = objectDate.getDate[]; console.log[day]; // 23 let month = objectDate.getMonth[]; console.log[month + 1]; // 8 let year = objectDate.getFullYear[]; console.log[year]; // 2022
- nhiều đối số được phân tách bằng dấu phẩy đại diện cho
02,let objectDate = new Date[]; let day = objectDate.getDate[]; console.log[day]; // 23 let month = objectDate.getMonth[]; console.log[month + 1]; // 8 let year = objectDate.getFullYear[]; console.log[year]; // 2022
03 [0 = tháng 1 đến ngày 11 = tháng 12],let objectDate = new Date[]; let day = objectDate.getDate[]; console.log[day]; // 23 let month = objectDate.getMonth[]; console.log[month + 1]; // 8 let year = objectDate.getFullYear[]; console.log[year]; // 2022
04,let objectDate = new Date[]; let day = objectDate.getDate[]; console.log[day]; // 23 let month = objectDate.getMonth[]; console.log[month + 1]; // 8 let year = objectDate.getFullYear[]; console.log[year]; // 2022
05,let objectDate = new Date[]; let day = objectDate.getDate[]; console.log[day]; // 23 let month = objectDate.getMonth[]; console.log[month + 1]; // 8 let year = objectDate.getFullYear[]; console.log[year]; // 2022
06 vàlet objectDate = new Date[]; let day = objectDate.getDate[]; console.log[day]; // 23 let month = objectDate.getMonth[]; console.log[month + 1]; // 8 let year = objectDate.getFullYear[]; console.log[year]; // 2022
07let objectDate = new Date[]; let day = objectDate.getDate[]; console.log[day]; // 23 let month = objectDate.getMonth[]; console.log[month + 1]; // 8 let year = objectDate.getFullYear[]; console.log[year]; // 2022
Dưới đây là một ví dụ phân tách một chuỗi có định dạng
let objectDate = new Date[];
let day = objectDate.getDate[];
console.log[day]; // 23
let month = objectDate.getMonth[];
console.log[month + 1]; // 8
let year = objectDate.getFullYear[];
console.log[year]; // 2022
08 [có thể là bất kỳ định dạng nào khác] và chuyển các giá trị làm đối số cho hàm tạo let stringDate = Date[];
console.log[stringDate]; // "Tue Aug 23 2022 14:47:12 GMT-0700 [Pacific Daylight Time]"
let objectDate = new Date[];
console.log[objectDate]; // Tue Aug 23 2022 14:47:12 GMT-0700 [Pacific Daylight Time]
9 để tạo một đối tượng let objectDate = new Date[];
let day = objectDate.getDate[];
console.log[day]; // 23
let month = objectDate.getMonth[];
console.log[month + 1]; // 8
let year = objectDate.getFullYear[];
console.log[year]; // 2022
0Chúng tôi tách
let objectDate = new Date[];
let day = objectDate.getDate[];
console.log[day]; // 23
let month = objectDate.getMonth[];
console.log[month + 1]; // 8
let year = objectDate.getFullYear[];
console.log[year]; // 2022
11 trên mỗi dấu gạch chéo lên để nhận các giá trị cho tháng, ngày và nămLưu ý rằng chúng tôi đã trừ đi
let objectDate = new Date[];
let day = objectDate.getDate[];
console.log[day]; // 23
let month = objectDate.getMonth[];
console.log[month + 1]; // 8
let year = objectDate.getFullYear[];
console.log[year]; // 2022
12 từ tháng khi chuyển nó cho hàm tạo let stringDate = Date[];
console.log[stringDate]; // "Tue Aug 23 2022 14:47:12 GMT-0700 [Pacific Daylight Time]"
let objectDate = new Date[];
console.log[objectDate]; // Tue Aug 23 2022 14:47:12 GMT-0700 [Pacific Daylight Time]
9Điều này là cần thiết vì hàm tạo
let objectDate = new Date[];
let day = objectDate.getDate[];
console.log[day]; // 23
let month = objectDate.getMonth[];
console.log[month + 1]; // 8
let year = objectDate.getFullYear[];
console.log[year]; // 2022
0 dự kiến giá trị dựa trên 0 cho tháng, trong đó tháng 1 = 0, tháng 2 = 1, tháng 3 = 2, v.v.Đây là một ví dụ khác, tạo ra một
let objectDate = new Date[];
let day = objectDate.getDate[];
console.log[day]; // 23
let month = objectDate.getMonth[];
console.log[month + 1]; // 8
let year = objectDate.getFullYear[];
console.log[year]; // 2022
0 cũng chứa giờ, phút và giâyTrước tiên, chúng tôi chia chuỗi ngày và giờ trên không gian, vì vậy chúng tôi có thể lấy các thành phần ngày và giờ dưới dạng các chuỗi riêng biệt
Sau đó, chúng tôi phải tách chuỗi ngày trên mỗi dấu gạch chéo lên để lấy giá trị cho tháng, ngày và năm. Lưu ý rằng dấu phân cách của bạn có thể khác, e. g. một dấu gạch nối, nhưng cách tiếp cận là như nhau
Chúng tôi cũng chia chuỗi thời gian trên mỗi dấu hai chấm và gán giờ, phút và giây cho các biến
Sau đó, chúng tôi đã chuyển tất cả các giá trị cho hàm tạo
let stringDate = Date[];
console.log[stringDate]; // "Tue Aug 23 2022 14:47:12 GMT-0700 [Pacific Daylight Time]"
let objectDate = new Date[];
console.log[objectDate]; // Tue Aug 23 2022 14:47:12 GMT-0700 [Pacific Daylight Time]
9 để tạo một đối tượng let objectDate = new Date[];
let day = objectDate.getDate[];
console.log[day]; // 23
let month = objectDate.getMonth[];
console.log[month + 1]; // 8
let year = objectDate.getFullYear[];
console.log[year]; // 2022
0Nếu bạn cần lưu trữ một chuỗi ngày tháng trong cơ sở dữ liệu của mình, thì tốt nhất bạn nên lưu trữ biểu diễn ngày tháng theo tiêu chuẩn ISO 8601
Bạn có thể lấy ngày định dạng ISO bằng cách gọi phương thức
let objectDate = new Date[];
let day = objectDate.getDate[];
console.log[day]; // 23
let month = objectDate.getMonth[];
console.log[month + 1]; // 8
let year = objectDate.getFullYear[];
console.log[year]; // 2022
18Phương thức toISOString trả về một chuỗi ngày ở định dạng ISO 8601 theo giờ quốc tế
JavaScript là một trong ba công nghệ web cơ bản mà bạn sẽ sử dụng khi phát triển trang web hoặc ứng dụng web
Khi tạo các trang web này, tại một số thời điểm, bạn có thể sẽ cần sử dụng ngày tháng vì một số lý do – chẳng hạn như hiển thị khi nội dung nào đó được tải lên, lưu trữ, v.v.
Trong bài viết này, bạn sẽ tìm hiểu cách định dạng ngày tháng trong JavaScript và xem cách bạn có thể làm điều này với thư viện ngày tháng JavaScript phổ biến được gọi là khoảnh khắc. js
Cách lấy ngày trong JavaScript
Trong JavaScript, bạn sử dụng hàm tạo
let objectDate = new Date[];
let day = objectDate.getDate[];
console.log[day]; // 23
let month = objectDate.getMonth[];
console.log[month + 1]; // 8
let year = objectDate.getFullYear[];
console.log[year]; // 2022
8 hoặc let stringDate = Date[];
console.log[stringDate]; // "Tue Aug 23 2022 14:47:12 GMT-0700 [Pacific Daylight Time]"
let objectDate = new Date[];
console.log[objectDate]; // Tue Aug 23 2022 14:47:12 GMT-0700 [Pacific Daylight Time]
9 để lấy ngày của mình [ngày hiện tại hoặc ngày cụ thể]Hàm tạo
let objectDate = new Date[];
let day = objectDate.getDate[];
console.log[day]; // 23
let month = objectDate.getMonth[];
console.log[month + 1]; // 8
let year = objectDate.getFullYear[];
console.log[year]; // 2022
8 trả về một đối tượng let objectDate = new Date[];
let day = objectDate.getDate[];
console.log[day]; // 23
let month = objectDate.getMonth[];
console.log[month + 1]; // 8
let year = objectDate.getFullYear[];
console.log[year]; // 2022
0 mới, trong khi hàm tạo let stringDate = Date[];
console.log[stringDate]; // "Tue Aug 23 2022 14:47:12 GMT-0700 [Pacific Daylight Time]"
let objectDate = new Date[];
console.log[objectDate]; // Tue Aug 23 2022 14:47:12 GMT-0700 [Pacific Daylight Time]
9 trả về một chuỗi biểu diễn ngày và giờ hiện tạilet stringDate = Date[];
console.log[stringDate]; // "Tue Aug 23 2022 14:47:12 GMT-0700 [Pacific Daylight Time]"
let objectDate = new Date[];
console.log[objectDate]; // Tue Aug 23 2022 14:47:12 GMT-0700 [Pacific Daylight Time]
Những ngày định dạng đầy đủ này bao gồm ngày, tháng, năm, phút, giờ và các thông tin khác mà bạn không cần mọi lúc
Mối quan tâm chính của bạn là xem làm thế nào bạn có thể định dạng các giá trị ngày này để trả về ngày ở định dạng có thể đọc được, mà bạn có thể nhúng vào trang web của mình để mọi người hiểu
Cách định dạng ngày trong JavaScript
Định dạng ngày tùy thuộc vào bạn và nhu cầu của bạn. Ở một số quốc gia, tháng đến trước ngày, sau đó là năm [22/06/2022]. Ở những nơi khác, ngày đến trước tháng, sau đó là năm [22/06/2022], v.v.
Bất kể định dạng nào, bạn muốn chia nhỏ giá trị đối tượng ngày tháng và lấy thông tin cần thiết mà bạn muốn cho trang web của mình
Điều này có thể thực hiện được với các phương thức ngày của JavaScript. Có nhiều phương pháp trong số này, nhưng vì bạn chỉ quan tâm đến ngày tháng trong bài viết này nên bạn sẽ chỉ cần ba phương pháp trong số đó
2 – Bạn sẽ sử dụng phương pháp này để lấy năm ở dạng số có bốn chữ số [yyyy]. Ví dụ, 2022let objectDate = new Date[]; let day = objectDate.getDate[]; console.log[day]; // 23 let month = objectDate.getMonth[]; console.log[month + 1]; // 8 let year = objectDate.getFullYear[]; console.log[year]; // 2022
3 – Bạn sẽ sử dụng phương pháp này để lấy tháng dưới dạng số từ 0-11, với mỗi số đại diện cho các tháng từ tháng 1 đến tháng 12. Ví dụ:let objectDate = new Date[]; let day = objectDate.getDate[]; console.log[day]; // 23 let month = objectDate.getMonth[]; console.log[month + 1]; // 8 let year = objectDate.getFullYear[]; console.log[year]; // 2022
4 sẽ là chỉ mục cho tháng 3 vì đây là chỉ mục dựa trên số 0 [có nghĩa là nó bắt đầu từlet objectDate = new Date[]; let day = objectDate.getDate[]; console.log[day]; // 23 let month = objectDate.getMonth[]; console.log[month + 1]; // 8 let year = objectDate.getFullYear[]; console.log[year]; // 2022
5]let objectDate = new Date[]; let day = objectDate.getDate[]; console.log[day]; // 23 let month = objectDate.getMonth[]; console.log[month + 1]; // 8 let year = objectDate.getFullYear[]; console.log[year]; // 2022
6 – Bạn sẽ sử dụng phương pháp này để lấy ngày ở dạng số trong khoảng từ 1-31 [đây không phải là chỉ mục, mà là giá trị ngày chính xác, do đó, ngày bắt đầu từ 1 chứ không phải 0]let objectDate = new Date[]; let day = objectDate.getDate[]; console.log[day]; // 23 let month = objectDate.getMonth[]; console.log[month + 1]; // 8 let year = objectDate.getFullYear[]; console.log[year]; // 2022
Ghi chú. Các phương thức này chỉ có thể được áp dụng hoặc sẽ chỉ hoạt động với hàm tạo
let objectDate = new Date[];
let day = objectDate.getDate[];
console.log[day]; // 23
let month = objectDate.getMonth[];
console.log[month + 1]; // 8
let year = objectDate.getFullYear[];
console.log[year]; // 2022
8, trả về một đối tượng ngày thánglet objectDate = new Date[];
let day = objectDate.getDate[];
console.log[day]; // 23
let month = objectDate.getMonth[];
console.log[month + 1]; // 8
let year = objectDate.getFullYear[];
console.log[year]; // 2022
Bạn sẽ nhận thấy rằng
let objectDate = new Date[];
let day = objectDate.getDate[];
console.log[day]; // 23
let month = objectDate.getMonth[];
console.log[month + 1]; // 8
let year = objectDate.getFullYear[];
console.log[year]; // 2022
8 được thêm vào giá trị let objectDate = new Date[];
let day = objectDate.getDate[];
console.log[day]; // 23
let month = objectDate.getMonth[];
console.log[month + 1]; // 8
let year = objectDate.getFullYear[];
console.log[year]; // 2022
9 ở trên. Điều này là do tháng được lập chỉ mục let objectDate = new Date[];
let day = objectDate.getDate[];
console.log[day]; // 23
let month = objectDate.getMonth[];
console.log[month + 1]; // 8
let year = objectDate.getFullYear[];
console.log[year]; // 2022
5. Giá trị bắt đầu từ let objectDate = new Date[];
let day = objectDate.getDate[];
console.log[day]; // 23
let month = objectDate.getMonth[];
console.log[month + 1]; // 8
let year = objectDate.getFullYear[];
console.log[year]; // 2022
5. Điều này có nghĩa là let stringDate = Date[];
console.log[stringDate]; // "Tue Aug 23 2022 14:47:12 GMT-0700 [Pacific Daylight Time]"
let objectDate = new Date[];
console.log[objectDate]; // Tue Aug 23 2022 14:47:12 GMT-0700 [Pacific Daylight Time]
22 sẽ có nghĩa là tháng 8 thay vì let stringDate = Date[];
console.log[stringDate]; // "Tue Aug 23 2022 14:47:12 GMT-0700 [Pacific Daylight Time]"
let objectDate = new Date[];
console.log[objectDate]; // Tue Aug 23 2022 14:47:12 GMT-0700 [Pacific Daylight Time]
23Tại thời điểm này, bạn đã có thể trích xuất tất cả các giá trị ngày tháng từ đối tượng ngày tháng. Bây giờ bạn có thể sắp xếp chúng theo bất kỳ định dạng nào bạn muốn
let stringDate = Date[];
console.log[stringDate]; // "Tue Aug 23 2022 14:47:12 GMT-0700 [Pacific Daylight Time]"
let objectDate = new Date[];
console.log[objectDate]; // Tue Aug 23 2022 14:47:12 GMT-0700 [Pacific Daylight Time]
2Ở phần trên, bạn đã nối các giá trị bằng toán tử cộng. Bạn cũng có thể sử dụng các mẫu chữ để nối
let stringDate = Date[];
console.log[stringDate]; // "Tue Aug 23 2022 14:47:12 GMT-0700 [Pacific Daylight Time]"
let objectDate = new Date[];
console.log[objectDate]; // Tue Aug 23 2022 14:47:12 GMT-0700 [Pacific Daylight Time]
5Bây giờ, bạn đã thấy những cách khả thi mà bạn có thể muốn định dạng ngày của mình
Một tình huống khác có thể xảy ra nếu bạn muốn giá trị tháng và ngày bắt đầu bằng 0 nếu đó là một giá trị số duy nhất [từ 1-9]. Để thực hiện việc này, bạn cần thêm một điều kiện để xử lý việc này trước khi định dạng ngày của mình
let stringDate = Date[];
console.log[stringDate]; // "Tue Aug 23 2022 14:47:12 GMT-0700 [Pacific Daylight Time]"
let objectDate = new Date[];
console.log[objectDate]; // Tue Aug 23 2022 14:47:12 GMT-0700 [Pacific Daylight Time]
6Quan tâm đến những cách khác mà bạn có thể định dạng ngày trong JavaScript?
Cách định dạng ngày trong JavaScript bằng Moment. js
Khoảng khăc. js là một thư viện ngày và giờ JavaScript mà bạn có thể sử dụng để nhanh chóng định dạng ngày của mình mà không cần xử lý logic với quá nhiều dòng mã
Để sử dụng thư viện này, bạn phải cài đặt gói trong dự án của mình bằng bất kỳ tùy chọn ưa thích nào trong tài liệu
Đối với hướng dẫn này, bạn chỉ quan tâm đến cách bạn có thể định dạng ngày bằng Khoảnh khắc. js
let stringDate = Date[];
console.log[stringDate]; // "Tue Aug 23 2022 14:47:12 GMT-0700 [Pacific Daylight Time]"
let objectDate = new Date[];
console.log[objectDate]; // Tue Aug 23 2022 14:47:12 GMT-0700 [Pacific Daylight Time]
7Để định dạng giá trị ngày/giờ này, tất cả những gì bạn phải làm là nhập định dạng ưa thích của mình và nó sẽ trả về ngày được định dạng như bên dưới
let stringDate = Date[];
console.log[stringDate]; // "Tue Aug 23 2022 14:47:12 GMT-0700 [Pacific Daylight Time]"
let objectDate = new Date[];
console.log[objectDate]; // Tue Aug 23 2022 14:47:12 GMT-0700 [Pacific Daylight Time]
8Phần kết luận
Bài viết này đã hướng dẫn bạn cách định dạng ngày tháng trong JavaScript, từ đầu hoặc theo thời điểm. thư viện js
Lưu ý khi sử dụng thư viện cho các dự án nhỏ, vì thư viện làm tăng quy mô dự án của bạn. Điều này là do các thư viện này được thiết kế để xử lý nhiều hoạt động hơn. Nhưng để sử dụng bất kỳ thao tác tối thiểu nào, bạn vẫn phải cài đặt toàn bộ thư viện
Chúng tôi luôn khuyên bạn nên thực hiện các thao tác đơn giản như thế này từ đầu. Đó là, trừ khi bạn buộc phải sử dụng thư viện hoặc thư viện đã được cài đặt hoặc bạn đang làm việc trên một dự án quy mô lớn yêu cầu một số định dạng phức tạp
Chúc các bạn code vui vẻ
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
Nhà phát triển Frontend & Người viết kỹ thuật
Nếu bạn đọc đến đây, hãy tweet cho tác giả để cho họ thấy bạn quan tâm. Tweet một lời cảm ơn
Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu