Làm thế nào để bạn viết sáng và chiều trong javascript?

Bài viết này sẽ giải thích các phương pháp hiển thị ngày giờ ở định dạng 12 giờ sáng/chiều trong JavaScript

Làm cách nào để hiển thị ngày giờ ở định dạng 12 giờ sáng/chiều trong JavaScript?

Các cách tiếp cận sau đây có thể được áp dụng để hiển thị ngày giờ ở định dạng 12 giờ sáng/chiều trong JavaScript

  • Phương thức “toLocaleString()”
  • Phương thức “toLocaleTimeString()”
  • Chức năng “nội tuyến”

Cách tiếp cận 1. Hiển thị ngày giờ ở định dạng 12 giờ sáng/chiều trong JavaScript bằng phương thức toLocaleString()

Phương thức “toLocaleString()” trả về một đối tượng ngày ở dạng chuỗi. Phương pháp này có thể được áp dụng để trả về thời gian hiện tại ở định dạng ngôn ngữ Hoa Kỳ

cú pháp

Ngày . Tùy chọn toLocaleString( địa phương , options)

Trong cú pháp đã cho,

  • "địa phương" đề cập đến định dạng ngôn ngữ cụ thể
  • "tùy chọn" chỉ ra đối tượng mà các thuộc tính có thể được gán

Ví dụ
Đầu tiên, tạo một đối tượng ngày tháng mới bằng hàm tạo “new Date()”.

var = mới Ngày();

Bây giờ, hãy áp dụng phương thức “toLocaleString()” có định dạng ngôn ngữ “US” và các giá trị thời gian được chỉ định làm tham số của nó. Ở đây, “hour12” cho biết giờ sẽ được hiển thị ở định dạng 12 giờ. Điều này sẽ dẫn đến việc hiển thị thời gian hiện tại ở định dạng giờ của Hoa Kỳ

bảng điều khiển. log( thời gian. toLocaleString('en-US', { hour: 'số', phút . 'số', giờ12 . true }));

đầu ra

Làm thế nào để bạn viết sáng và chiều trong javascript?

Làm thế nào để bạn viết sáng và chiều trong javascript?

Cách tiếp cận 2. Hiển thị ngày giờ ở định dạng 12 giờ sáng/chiều trong JavaScript bằng phương thức toLocaleTimeString()

Phương thức “toLocaleTimeString()” trả về khoảng thời gian của một đối tượng ngày dưới dạng một chuỗi. Phương thức này có thể được áp dụng tương tự như phương thức toLocaleString() bằng cách trả về thời gian mặc định so với ngày đã chỉ định

Ví dụ
Trong ví dụ sau, tương tự, hãy tạo một đối tượng ngày mới bằng cách sử dụng hàm tạo “new Date()” và chỉ định ngày tiếp theo làm tham số của nó trong chuỗi “năm .

Sau đó, áp dụng phương thức “toLocaleTimeString()” với định dạng thời gian đã chỉ định làm tham số của nó như đã thảo luận trong phương thức trước

const dateTime = new Ngày(2022, 1, 1).toLocaleTimeString('en-US', {
hour: 'số', phút . 'số', giờ12 . true
})

Cuối cùng, hiển thị thời gian tương ứng dẫn đến thời gian mặc định đối với ngày đã chỉ định

bảng điều khiển. log( ngày giờ );

đầu ra

Làm thế nào để bạn viết sáng và chiều trong javascript?

Làm thế nào để bạn viết sáng và chiều trong javascript?

Cách tiếp cận 3. Hiển thị ngày giờ ở định dạng 12 giờ sáng/chiều trong JavaScript bằng hàm nội tuyến

Cách tiếp cận này có thể được triển khai để áp dụng toán tử có điều kiện cho định dạng sáng/chiều

Ví dụ dưới đây minh họa khái niệm đã nêu

Thí dụ

const dateTime = ( date ) => {
 let hours = date.nhận Giờ();
 để . = date.getMinutes();
 hãy để . = hours >= 12 ? 'pm' : 'am';
 giờ = hours % 12;
 hours = hours ? hours : 12;
 phút = phút. toString() . padStart(2, ' . ');
 let mergeTime = hours + ':' + phút + ' ' + ap;
return mergeTime;
}
console.log( dateTime (new Date(2022, 1, 1)));

Trong mã trình diễn ở trên

  • Đầu tiên, xác định một hàm “inline” có tên là “dateTime()”. Hàm này sẽ lấy một đối tượng ngày làm tham số của nó
  • Trong bước tiếp theo, phương thức “getHours()” sẽ trả về giờ hiện tại ở định dạng 24 giờ trong hàm
  • Tương tự, phương thức “getMinutes()” sẽ lấy số phút hiện tại
  • Sau đó, tạo một biến có tên là “ap” và điều chỉnh nó thành sáng hoặc chiều tương ứng với giá trị của giờ
  • Trong bước tiếp theo, hãy chuyển đổi số giờ thành định dạng “12 giờ” với sự trợ giúp của toán tử “%” để lấy phần còn lại khi chia cho 12
  • Trong đoạn mã tiếp theo, hãy áp dụng phương thức “toString()” để chuyển đổi số phút được tính toán thành một chuỗi và sử dụng phương thức “padStart()” để đệm chuỗi đã chuyển đổi bằng 0 nếu đó chỉ là một chữ số
  • Cuối cùng, hợp nhất thời gian đã tính bằng cách thêm giờ, phút đã tính và định dạng (sáng/chiều) tương ứng và hiển thị thời gian đó

đầu ra

Làm thế nào để bạn viết sáng và chiều trong javascript?

Làm thế nào để bạn viết sáng và chiều trong javascript?

Chúng tôi đã kết luận các phương pháp có thể được sử dụng để hiển thị ngày giờ ở định dạng 12 giờ sáng/chiều trong JavaScript

Sự kết luận

Có thể triển khai phương thức “toLocaleString()”, phương thức “toLocaleTimeString()” hoặc hàm “Inline” để hiển thị ngày giờ ở định dạng 12 giờ sáng/chiều trong JavaScript. Phương thức đầu tiên có thể được chọn để hiển thị thời gian hiện tại ở định dạng thời gian cụ thể, phương thức toLocaleTimeString() có thể được áp dụng để trả về thời gian mặc định đối với ngày đã chỉ định ở định dạng thời gian cụ thể và hàm Inline có thể được triển khai để áp dụng . Bài viết này đã tổng hợp các phương pháp hiển thị ngày giờ ở định dạng 12 giờ sáng/chiều trong JavaScript

Định dạng thời gian trong Javascript là gì?

Định dạng chuỗi phải là. YYYY-MM-DDTHH. mm. ss. sssZ , trong đó. YYYY-MM-DD – là ngày. năm tháng ngày. Ký tự "T" được sử dụng làm dấu phân cách.

Câu lệnh nào dưới đây sẽ làm cho đồng hồ kỹ thuật số định dạng 24 giờ thành định dạng 12 giờ?

12) h = hh-12 nên thực hiện thủ thuật.