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 phương pháp 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:
- “ toLocaleString() ' Phương pháp.
- “ toLocaleTimeString() ' Phương pháp.
- “ nội tuyến ' Hàm số.
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()
Các ' toLocaleString() ” phương thức 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 . toLocaleString ( địa phương , tùy chọn )
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.
Thí dụ
Đầu tiên, tạo một đối tượng ngày mới bằng cách sử dụng “ Ngày mới() ' người xây dựng:
Bây giờ, hãy áp dụng “ toLocaleString() ” phương pháp có “ CHÚNG TA ” định dạng ngôn ngữ và các giá trị được chỉ định của thời gian làm tham số của nó. Nơi đây, ' giờ12 ” 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. đăng nhập ( thời gian. toLocaleString ( 'trong chúng ta' , { giờ : 'số' , phút : 'số' , giờ12 : thật } ) ) ;
đầu ra
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()
Các ' toLocaleTimeString() ” phương thức trả về khoảng thời gian của một đối tượng ngày tháng 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.
Thí 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 “ Ngày mới() ” hàm tạo và chỉ định ngày tiếp theo làm tham số của nó trong chuỗi “ năm ”, “ tháng ' và ' ngày ' tương ứng.
Sau đó, áp dụng “ toLocaleTimeString() ” với định dạng thời gian đã chỉ định làm tham số như đã thảo luận trong phương thức trước:
hăng sô ngày giờ = Mới Ngày ( 2022 , 1 , 1 ) . toLocaleTimeString ( 'trong chúng ta' , {giờ : 'số' , phút : 'số' , giờ12 : thật
} )
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. đăng nhập ( ngày giờ ) ;đầu ra
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ụ
hăng sô ngày giờ = ( ngày ) => {để giờ = ngày. getHours ( ) ;
để phút = ngày. getMinutes ( ) ;
để ap = giờ >= 12 ? 'buổi chiều' : 'là' ;
giờ = giờ % 12 ;
giờ = giờ ? giờ : 12 ;
phút = phút. toString ( ) . con đường Bắt đầu ( hai , '0' ) ;
buông tayThời gian = giờ + ':' + phút + '' + áp dụng ;
trở về thời gian hợp nhất ;
}
bảng điều khiển. đăng nhập ( ngày giờ ( Mới Ngày ( 2022 , 1 , 1 ) ) ) ;
Trong mã được chứng minh ở trên:
- Đầu tiên, xác định một “ nội tuyến ” hàm có tên “ ngày giờ() ”. Hàm này sẽ lấy một đối tượng ngày làm tham số của nó.
- Các ' getHours() ”, trong bước tiếp theo, sẽ trả về giờ hiện tại ở định dạng 24 giờ trong hàm.
- Tương tự, “ getMinutes() ” sẽ truy xuất số phút hiện tại.
- Sau đó, tạo một biến có tên “ áp dụng ” và điều chỉnh 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 giờ sang định dạng của “ 12Giờ ” với sự giúp đỡ của “ % ” để lấy số dư khi chia cho 12.
- Trong đoạn mã tiếp theo, hãy áp dụng “ toString() ” để chuyển đổi số phút được tính toán thành một chuỗi và sử dụng “ đường dẫn Bắt đầu () ” để đệm chuỗi đã chuyển đổi bằng 0 nếu nó chỉ có 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 rồi hiển thị:
đầu ra
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ác ' toLocaleString() ” phương pháp, “ toLocaleTimeString() ” phương pháp hoặc “ nội tuyến ” chức năng có thể được triển khai để 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 một toán tử có điều kiện sang định dạng sáng/chiều. 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.