Làm cách nào để có được Ngày hiện tại ở định dạng cụ thể trong JavaScript?
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 Show
Đố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 Nhiệm vụ là định dạng ngày hiện tại ở định dạng dd/mm/yyyy bằng cách sử dụng JavaScript. Chúng ta sẽ thảo luận về một số phương pháp. Một vài phương pháp đầu tiên để biết
cú pháp Date.getDate() Giá trị trả về. Nó trả về một số, từ 1 đến 31, đại diện cho ngày trong tháng
cú pháp Date.getFullYear() Giá trị trả về. Nó trả về một số, đại diện cho năm của ngày được xác định
cú pháp Date.getMonth() Giá trị trả về. Nó trả về một số, từ 0 đến 11, đại diện cho tháng
cú pháp string.slice(start, end) Thông số
Giá trị trả về Nó trả về một chuỗi, đại diện cho phần được trích xuất của chuỗi
cú pháp. string.replace(searchVal, newvalue)
Giá trị trả về Trả về một chuỗi mới trong đó (các) giá trị xác định đã được thay thế bằng giá trị mới ví dụ 1. Ví dụ này định dạng ngày theo dd/mm/yyyy bằng cách kiểm tra cả ngày và tháng, Nếu chúng không có 2 chữ số thì số 0 được thêm vào để tạo thành 2 chữ số. html
Date.getFullYear()1____190_______ Date.getFullYear()3 <Date.getFullYear()5 >Date.getFullYear()7_______4_______8 Date.getFullYear()3 Date.getMonth()0_______4_______5 >Date.getMonth()0 Date.getFullYear()1 >
Date.getMonth()8 Date.getMonth()9 string.slice(start, end)0 string.slice(start, end)1 Date.getFullYear()3 string.slice(start, end)3_______6_______0 string.slice(start, end)5_______190_______ Date.getFullYear()3 <___string.slice(start, end)9 Date.getMonth()9 string.slice(start, end)0 string.replace(searchVal, newvalue)2 >string.replace(searchVal, newvalue)4_______7_______5 Date.getFullYear()7_______5_______0 string.slice(start, end)9 >Date.getFullYear()3 <string.slice(start, end)3 string.slice(start, end)0 Date.getFullYear()3 string.replace(searchVal, newvalue)4_______187_______9 Date.getFullYear()3 Date.getMonth()0 >Date.getFullYear()3 <<6 <7string.slice(start, end)0 <9>Date.getFullYear()7_______189_______2 Date.getFullYear()3 Date.getMonth()0 <6>Date.getFullYear()3 <string.slice(start, end)3 string.slice(start, end)0 >2Date.getFullYear()3 >4string.replace(searchVal, newvalue)4_______190_______6 string.replace(searchVal, newvalue)4_______187_______9 Date.getFullYear()3 Date.getMonth()0 >Date.getFullYear()3 < 5>Date.getFullYear()7_______191_______8 Date.getFullYear()7_______4_______00 Date.getFullYear()7_______4_______02 Date.getFullYear()7_______4_______04 Date.getFullYear()7_______4_______06 Date.getFullYear()7_______4_______08
Date.getFullYear()7_______4_______11 Date.getFullYear()7_______4_______13 Date.getFullYear()14 Date.getFullYear()15 string.replace(searchVal, newvalue)4_______4_______17 string.slice(start, end)0 Date.getFullYear()19 Date.getFullYear()20 Date.getFullYear()7_______4_______22 Date.getFullYear()7_______4_______24 string.replace(searchVal, newvalue)4_______4_______26 string.slice(start, end)0 Date.getFullYear()19 Date.getFullYear()29 Date.getFullYear()7_______4_______22 Date.getFullYear()7_______4_______33_______4_______34 string.slice(start, end)0_______4_______17 Date.getFullYear()37
Date.getFullYear()7_______4_______40 string.replace(searchVal, newvalue)4_______4_______42 string.slice(start, end)0_______4_______34 Date.getFullYear()45 Date.getFullYear()7_______4_______22 Date.getFullYear()3_______4_______49 Date.getMonth()0 Date.getMonth()8 >
Date.getMonth()0 html>đầu ra Nhận định dạng ngày hiện tại dd/mm/yyyy ví dụ 2. Ví dụ này trước tiên cắt phần ngày từ đối tượng ngày và sau đó định dạng ngày theo dd/mm/yyyy. html
Date.getFullYear()1____190_______ Date.getFullYear()3 <Date.getFullYear()5 >Date.getFullYear()7_______4_______70 Date.getFullYear()3_______4_______72 Date.getFullYear()3 Date.getMonth()0_______4_______5 >Date.getMonth()0 Date.getFullYear()1 >
Date.getMonth()8 Date.getMonth()9 string.slice(start, end)0 string.slice(start, end)1 Date.getFullYear()3 string.slice(start, end)3_______6_______0 string.slice(start, end)5_______190_______ Date.getFullYear()3 <___string.slice(start, end)9 Date.getMonth()9 string.slice(start, end)0 string.replace(searchVal, newvalue)2 >string.replace(searchVal, newvalue)4_______7_______5 Date.getFullYear()7_______5_______0 string.slice(start, end)9 >Date.getFullYear()3 <string.slice(start, end)3 string.slice(start, end)0 Date.getFullYear()3 string.replace(searchVal, newvalue)4_______187_______9 Date.getFullYear()3 Date.getMonth()0 >Date.getFullYear()3 <<6 <7string.slice(start, end)0 <9>Date.getFullYear()7_______189_______2 Date.getFullYear()3 Date.getMonth()0 <6>Date.getFullYear()3 <string.slice(start, end)3 string.slice(start, end)0 >2Date.getFullYear()3 >4string.replace(searchVal, newvalue)4_______190_______6 string.replace(searchVal, newvalue)4_______187_______9 Date.getFullYear()3 Date.getMonth()0 >Date.getFullYear()3 < 5>Date.getFullYear()7_______191_______8 Date.getFullYear()7_______4_______00 Date.getFullYear()7_______4_______02 Date.getFullYear()7_______4_______04
Date.getFullYear()7_______4_______40 string.replace(searchVal, newvalue)4_______5_______63 string.replace(searchVal, newvalue)4_______5_______65 Date.getMonth()66_______5_______67 Date.getMonth()66_______5_______69 string.replace(searchVal, newvalue)4_______5_______71 Date.getFullYear()7_______4_______22 Date.getFullYear()3 Date.getMonth()0 5>Date.getMonth()0 Date.getMonth()8 >
Date.getMonth()0 html>đầu ra Nhận định dạng ngày hiện tại dd/mm/yyyy JavaScript được biết đến nhiều nhất để phát triển trang web nhưng nó cũng được sử dụng trong nhiều môi trường không có trình duyệt. Bạn có thể học JavaScript từ đầu bằng cách làm theo Hướng dẫn JavaScript và Ví dụ về JavaScript này Làm cách nào để lấy ngày ở định dạng cụ thể trong JavaScript?Cách định dạng ngày trong JavaScript . getFullYear() – Bạn sẽ sử dụng phương thức này để lấy năm dưới dạng số có bốn chữ số (yyyy). . getMonth() – Bạn sẽ sử dụng phương thức 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 Làm cách nào để thay đổi định dạng ngày trong JavaScript từ MM DD YYYY thành DD MM YYYY?Lại. chuyển đổi Ngày từ YYYY-MM-DD sang MM/DD/YYYY trong jQuery/JavaScript. var tempDate = new Date("21-09-2021"); . getMonth() + 1, tempDate.
Làm cách nào để có được ngày hiện tại ở định dạng ISO JavaScript?toISOString() được sử dụng để chuyển đổi nội dung của đối tượng ngày đã cho thành một chuỗi ở định dạng ISO (ISO 8601) i. e, ở dạng (YYYY-MM-DDTHH. mm. ss. sssZ hoặc ±YYYY-MM-DDTHH. mm. ss. sssZ). Đối tượng ngày được tạo bằng hàm tạo date().
Làm cách nào để chuyển đổi định dạng DateTime sang DD MMM YYYY trong JavaScript?Thay đổi ngày từ dd/mm/yy thành dd-MMM-yyyy . tạo một biến chuỗi “yourDate” gán yourDate = “27/11/21” Đầu ra = Ngày giờ. ParseExact(yourDate , dd/MM/yy ,CultureInfo. InvariantCulture,DateTimeStyles. Không có). ToString(“dd-MMM-yyyy”) |
