Bài đăng này minh họa mục đích, cách sử dụng và triển khai thực tế của đối tượng Date trong TypeScript.
Đối tượng ngày tháng trong TypeScript là gì?
Các ' Ngày ” đối tượng biểu thị ngày và thời gian. Theo mặc định, đối tượng này in ngày và giờ của hệ thống cục bộ. Nó cũng cho phép người dùng đặt ngày và giờ cụ thể (bao gồm cả múi giờ) cho hệ thống của bạn với sự trợ giúp của các phương pháp được xác định trước.
cú pháp
hẹn hò = mới Ngày ( yyyy, mm, đ )
Trong cú pháp trên, từ khóa “new” tạo đối tượng “Date” theo định dạng ngày đã chỉ định (yyyy(năm), mm(tháng), dd(ngày)).
Hãy bắt đầu với việc tạo Đối tượng “Ngày”.
Làm cách nào để tạo một đối tượng ngày tháng trong TypeScript?
Các ' Ngày ” là một đối tượng động có thể được triển khai theo nhiều cách khác nhau để lấy ngày và giờ theo yêu cầu. Phần này chứa tất cả các phương thức có thể để tạo đối tượng “Ngày” để lấy ngày và giờ đã chỉ định.
Hãy tiếp tục với phương pháp đầu tiên.
Cách 1: new Date()
Theo mặc định, nếu không có giá trị nào được chuyển vào hàm tạo “Date()”, nó sẽ trả về ngày và giờ hệ thống của người dùng:
hẹn hò = mới Ngày ( ) ;bảng điều khiển. đăng nhập ( 'Ngày =' + ngày ) ;
Trong đoạn mã trên:
- Các ' ngày ” biến tạo ra một “ Ngày ” bằng cách sử dụng từ khóa “new” và hàm tạo “Date()”.
- Các ' console.log() ” hiển thị giá trị của biến “ngày”, tức là Ngày và giờ hiện tại với câu lệnh đã chỉ định.
đầu ra
Biên dịch “ .ts ” bằng trình biên dịch “tsc” và chạy tệp đã biên dịch được tạo có phần mở rộng “ .js ” phần mở rộng với sự trợ giúp của lệnh “node”:
tsc chính. tsnút chính. js
Tại đây, thiết bị đầu cuối hiển thị ngày giờ cũng như múi giờ của hệ thống người dùng.
Phương pháp 2: Ngày mới (mili giây)
“New Date(mili giây)” tạo một đối tượng Date tính toán ngày và giờ từ “0” đến số mili giây được chỉ định:
hẹn hò = mới Ngày ( 6112346789 ) ;bảng điều khiển. đăng nhập ( 'Ngày =' + ngày ) ;
Ở đây, hàm tạo chỉ định số mili giây làm tham số.
đầu ra
nút chính. js 
Ngày và giờ được hiển thị ở trên là từ “0” đến “6112346789” mili giây.
Cách 3: new Date(“datestring”)
Phương thức này lấy ngày đã chỉ định ở định dạng “yy-mm-dd” dưới dạng một chuỗi và hiển thị nó dưới dạng ngày mới:
hẹn hò = mới Ngày ( '2016-02-18' ) ;bảng điều khiển. đăng nhập ( 'Ngày =' + ngày ) ;
Ở đây, đối tượng “Ngày” lấy ngày đã chỉ định dưới dạng một chuỗi được đặt trong dấu ngoặc kép.
đầu ra
nút chính. js 
Thiết bị đầu cuối hiển thị đối tượng Ngày mới được tạo.
Cách 4: new Date(năm, tháng, ngày, giờ, phút, giây, mili giây):
Phương thức cuối cùng cho phép người dùng tạo một đối tượng Date mới theo ngày giờ đã chỉ định dựa trên định dạng “(yy, mm, dd, hh, min, sec, mili giây)”:
hẹn hò = mới Ngày ( 2015 , 3 , 2 , 14 , hai mươi , 30 , 9 ) ;bảng điều khiển. đăng nhập ( 'Ngày =' + ngày ) ;
Trong đoạn mã trên, ngày và giờ được chỉ định theo định dạng đã nêu.
đầu ra
nút chính. js 
Đầu ra tạo một đối tượng mới hiển thị ngày và giờ đã chỉ định dựa trên định dạng đã cho.
Phương thức và thuộc tính của đối tượng ngày trong TypeScript là gì?
Các ' Ngày ” đối tượng đi kèm với một loạt các phương thức và thuộc tính được liệt kê bên dưới:
Thuộc tính của đối tượng ngày
| nguyên mẫu | Nó giúp bổ sung các thuộc tính và phương thức cho đối tượng Date. |
| người xây dựng | Nó được sử dụng như một hàm tạo nguyên mẫu đối tượng. |
Nhận và đặt phương thức của đối tượng ngày
| getMonth() | Nó trả về tháng được chỉ định trong ngày dựa trên ngày địa phương. |
| getFullYear() | Nó hiển thị năm nhất định theo giờ địa phương. |
| getMinutes() | Nó chỉ định số phút kể từ ngày cụ thể. |
| getMilliseconds() | Nó cung cấp mili giây từ ngày nhất định. |
| getSeconds() | Nó đưa ra số giây theo ngày được chỉ định. |
| đặt ngày() | Nó đặt ngày/ngày trong tháng cho ngày cụ thể dựa trên giờ địa phương. |
| setHours() | Nó chỉ định số giờ mong muốn cho ngày. |
| setMinutes() | Nó đặt phút cho ngày được chỉ định. |
| setSeconds() | Nó đặt số giây dựa trên giờ địa phương. |
| setYear() | Nó đặt năm cần thiết dựa trên giờ địa phương. |
Để biết thêm các phương pháp, hãy làm theo hướng dẫn đã cho “ Phương pháp ngày tham khảo ”.
Cách sử dụng đối tượng ngày trong TypeScript?
Như phần trên định nghĩa một danh sách các phương thức đối tượng “Ngày”. Hãy sử dụng đối tượng Date với các phương thức này để giải thích cách triển khai thực tế của nó.
Ví dụ 1: Đặt ngày, tháng và năm cụ thể
Ví dụ này sử dụng các phương thức đối tượng “Date” “setdate()”, “setMonth()” và “setFullYear()” để đặt Ngày đã chỉ định.
Mã số
Sao chép các dòng mã này trong tệp “.ts”:
hẹn hò : Ngày = mới Ngày ( ) ;ngày. đặt ngày ( 5 ) ;
ngày. setMonth ( mười một ) ;
ngày. setFullYear ( 2014 ) ;
bảng điều khiển. đăng nhập ( 'Năm = ' + ngày. getFullYear ( ) ) ;
bảng điều khiển. đăng nhập ( 'Ngày =' + ngày. hẹn gặp ( ) ) ;
bảng điều khiển. đăng nhập ( 'tháng = ' + ngày. nhận được tháng ( ) )
bảng điều khiển. đăng nhập ( ' Ngày Mới = ' + ngày ) ;
Trong các dòng mã trên:
- Đầu tiên, tạo một “ Ngày ” với sự trợ giúp của từ khóa “new” và hàm tạo “Date()” được lưu trữ trong biến “date”.
- Tiếp theo, liên kết biến 'ngày' với từng phương thức đã chỉ định. Các ' đặt ngày() ” phương thức đặt Ngày trong tháng, “ setMonth() ” đặt tháng và “ setFullYear() ” phương pháp thiết lập năm.
- Sau đó, hiển thị Ngày mới với sự trợ giúp của phương thức “console.log()” bằng cách sử dụng “ getFullYear() ”, “ hẹn gặp() ', Và ' getMonth() ” phương pháp.
đầu ra
nút chính. js 
Có thể thấy trong đầu ra rằng đối tượng Date trả về ngày, tháng và năm mới được đặt.
Ví dụ 2: Đặt giờ, phút và giây cụ thể
Ví dụ này sử dụng các phương thức “setHours()”, “setMinutes()” và “setSeconds()” của đối tượng Date để đặt thời gian mong muốn:
hẹn hò : Ngày = mới Ngày ( ) ;ngày. đặt giờ ( số 8 ) ;
ngày. setMinutes ( 12 ) ;
ngày. setSeconds ( hai mươi ) ;
bảng điều khiển. đăng nhập ( 'Giờ = ' + ngày. getHours ( ) ) ;
bảng điều khiển. đăng nhập ( 'Phút =' + ngày. getMinutes ( ) ) ;
bảng điều khiển. đăng nhập ( 'Giây = ' + ngày. nhận giây ( ) ) ;
bảng điều khiển. đăng nhập ( 'Ngày giờ = ' + ngày ) ;
Theo đoạn mã trên:
- Các ' setHours() ” phương thức đặt số giờ, “ setMinutes() ” đặt phút và “ setSeconds() ” phương thức đặt số giây tương ứng.
- Các ' getHours() ”, “ getMinutes() ', Và ' getSeconds() ” các phương thức trả về giờ, phút và giây mới được đặt dưới dạng thời gian.
đầu ra
nút chính. js 
Đầu ra hiển thị thời gian mới được đặt bằng các phương thức đối tượng Ngày.
Ví dụ 3: Nhận Ngày và Giờ Hiện tại Sử dụng Quy ước Ngôn ngữ
Ví dụ này sử dụng phương thức “toLocaleString()” để hiển thị ngày và giờ hiện tại dưới dạng quy ước cục bộ:
hẹn hò = mới Ngày ( ) ;bảng điều khiển. đăng nhập ( 'Ngày giờ = ' + ngày. toLocaleString ( ) ) ;
Trong các dòng mã trên, hãy liên kết phương thức “toLocaleString()” với biến để trả về một chuỗi có biểu diễn Ngày hiện tại nhạy cảm với ngôn ngữ.
đầu ra
nút chính. js 
Như đã thấy, đầu ra hiển thị ngày và giờ hiện tại bằng cách sử dụng quy ước cục bộ.
Ví dụ 4: Trả về giá trị nguyên thủy đối tượng ngày
Ví dụ này áp dụng “ giá trị của() ” để trả về đối tượng Date dưới dạng giá trị nguyên thủy:
hẹn hò = mới Ngày ( ) ;bảng điều khiển. đăng nhập ( 'Ngày giờ = ' + ngày. giá trị của ( ) ) ;
Trong đoạn mã trên, “ giá trị của() ” phương thức trả về đầu ra đối tượng Date tính bằng mili giây kể từ nửa đêm “ngày 1 tháng 1 năm 1970, UTC”.
đầu ra
nút chính. js 
Ở đây, các kết quả trả về đối tượng Date dưới dạng giá trị nguyên thủy.
Phần kết luận
Trong TypeScript, “ Ngày ” đối tượng tương ứng với ngày và giờ của hệ thống cục bộ. Đối tượng này có thể được tạo để hiển thị đầu ra mong muốn với sự trợ giúp của bốn phương thức tích hợp đã thảo luận. Ngoài ra, nó còn cung cấp một danh sách các phương thức có thể được áp dụng để đặt và lấy Ngày và giờ theo yêu cầu. Bài đăng này minh họa sâu sắc mục đích, cách sử dụng và triển khai thực tế của đối tượng Date trong TypeScript.