Làm cách nào để định dạng chuỗi ngày trong JavaScript?

Trong bài viết này, chúng tôi sẽ chuyển đổi một chuỗi thành một ngày bằng Javascript. Một chuỗi có thể được chuyển đổi thành một ngày trong JavaScript thông qua các cách sau-

Tạo đối tượng ngày bằng chuỗi ngày. Ngày [] tạo một ngày ở dạng ngày dễ hiểu của con người

Thí dụ. Trong ví dụ này, chúng tôi sẽ chuyển đổi một chuỗi thành một ngày bằng cách tạo một đối tượng ngày tháng

jav

    //It returns the Day,Month,Date,Year and time

    var d =new

01/05/2019

01/05/2019

01/05/2019

01/05/2019

01/05/2019

đầu ra.  

Wed May 01 2019 11:20:00 GMT+0530 [India Standard Time]

Lấy chuỗi ở định dạng DD-MM-YY bằng các phương thức phù hợp. Chúng tôi sử dụng một số phương pháp như

• getDate-Nó trả về ngày trong tháng [từ 1-31]
• getMonth-Nó trả về số tháng [từ 0-11]
• getFullYear-Nó trả về cả năm [bằng bốn chữ số]

Thí dụ. Ví dụ này sử dụng cách tiếp cận để chuyển đổi một chuỗi thành một ngày

Javascript

    var d =new

01/05/2019

Mon Jun 03 2019

01/05/2019

Mon Jun 03 2019

Mon Jun 03 2019

Mon Jun 03 2019

Mon Jun 03 2019

0var 2

04 5

678 9

0    1

0var     4

04     7

6    98 //It returns the Day,Month,Date,Year and time1

0    1

0var //It returns the Day,Month,Date,Year and time6

0//It returns the Day,Month,Date,Year and time8 //It returns the Day,Month,Date,Year and time9    0     1    0     3

        1

01/05/2019

đầu ra

01/05/2019

Sử dụng toDateString[]. Phương thức này trả về phần ngày của đối tượng Date ở dạng người có thể đọc được.  

Hầu hết các nhà phát triển, tại một thời điểm nào đó trong sự nghiệp của họ, sẽ cần xử lý tác vụ rất phổ biến là định dạng ngày hoặc giờ trong JavaScript. Mặc dù có vô số lý do để hiển thị [hoặc thao tác] thời gian và ngày tháng hiện tại, quá khứ và tương lai, nhưng vấn đề mà nhiều nhà phát triển JavaScript gặp phải là các công cụ và phương pháp để làm như vậy dường như vô tận.

Các phương thức định dạng ngày và giờ tích hợp sẵn của JavaScript có thể xử lý khá nhiều tình huống liên quan đến dữ liệu thời gian mà bạn có thể tưởng tượng. Tuy nhiên, nhiều nhà phát triển chọn dựa vào các thư viện của bên thứ ba để giúp họ thực hiện công việc tẻ nhạt và lặp đi lặp lại này. Chúng tôi sẽ đề cập đến các giải pháp của bên thứ ba đó trong giây lát, nhưng hãy bắt đầu với một số định dạng thời gian JavaScript cơ bản

Đối tượng hàm Date[] của JavaScript chứa một danh sách dài các phương thức có thể được sử dụng để thao tác kết quả ngày tháng, cũng như hiển thị dữ liệu ngày và giờ dưới dạng các trường hợp hoặc phạm vi thời gian, ngày tháng và múi giờ cụ thể. Hãy xem hàm Date[] mặc định bên dưới

let date = new Date[];
console.log[date]; 
// Output: Tue Jul 21 2020 10:01:14 GMT+0100 [UK Daylight Time]

Ví dụ này minh họa cách sử dụng phổ biến nhất của hàm Date[]. Nếu không có chức năng nào khác được chỉ định, nó sẽ in ngày và giờ ở định dạng được bản địa hóa như đã thấy ở trên. Chúng tôi có thể sửa đổi định dạng chuỗi ngày được bản địa hóa bằng cách sử dụng phương thức toLocaleString[]. Chỉ cần cung cấp ngôn ngữ và quốc gia [ở định dạng mã ngôn ngữ tiêu chuẩn, tôi. e. 'en-US'] làm đối số cho hàm và thư viện Ngày sẽ định dạng đúng đầu ra thành ngôn ngữ mong muốn

console.log[date.toLocaleString['en-US']];
// Output: 7/21/2020, 10:01:14 AM

Trong ví dụ này, chúng tôi đã sử dụng phương thức toLocaleString[] để áp dụng định dạng thời gian “Anh-Mỹ”. Đầu ra phù hợp với định dạng thời gian phổ biến của tiếng Anh Mỹ. D/MM/YYYY HH. MM. SS Sáng/Chiều

toLocaleString[] cho phép chúng tôi tùy chỉnh các phần cụ thể của kết quả được cung cấp bằng cách sửa đổi các tham số liên quan. Dưới đây là danh sách các tên và loại tham số có sẵn khi định dạng chuỗi thời gian

console.log[date.toLocaleString['en-US', {
    weekday: 'short', // long, short, narrow
    day: 'numeric', // numeric, 2-digit
    year: 'numeric', // numeric, 2-digit
    month: 'long', // numeric, 2-digit, long, short, narrow
    hour: 'numeric', // numeric, 2-digit
    minute: 'numeric', // numeric, 2-digit
    second: 'numeric', // numeric, 2-digit
}]];
 // Output: Tue, July 21, 2020, 10:01:14 AM

Như bạn có thể thấy ở trên, toLocaleString[] nhận mã ngôn ngữ làm tham số đầu tiên và một đối tượng tùy chọn làm tham số thứ hai. Tham số thứ hai này cho phép chúng tôi xác định định dạng cho từng phần của kết quả kết quả riêng lẻ – các nhận xét hiển thị các giá trị có thể có cho từng khóa tiềm năng trong đối số

Tại thời điểm này, chúng ta mới chỉ sơ lược về những điều bạn có thể làm với hàm Date[] của JavaScript. Bạn có thể tìm thêm các ví dụ về cách sử dụng thư viện gốc mạnh mẽ này tại đây

Cách chuyển đổi chuỗi ngày thành yyyy

Cách thay đổi định dạng ngày từ yyyy

Làm cách nào để hiển thị định dạng ngày trong JavaScript?

Làm cách nào để tạo định dạng ngày tùy chỉnh trong JavaScript?