Nếu bạn là nhà phát triển, sớm muộn gì bạn cũng phải sử dụng ngày và giờ của JavaScript. Tìm hiểu tất cả về chúng trong bài viết này…
Bắt đầu
Tôi thực sự khuyên bạn nên làm theo cùng trong bài viết này. Nó sẽ giúp bạn hiểu và ghi nhớ các khái niệm tốt hơn. Để bắt đầu, hãy tạo tệp HTML này rồi mở tệp đó trong trình duyệt của bạn
Dates and times in JavaScript
// Exciting code coming soon!
Nếu bạn muốn dùng thử một số JavaScript, bạn có thể đặt nó vào thẻ
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
- Kích chuột phải
- Chuyển đến 'Kiểm tra phần tử'
- Chuyển đến tab 'Bảng điều khiển'
Bây giờ bạn đã thiết lập xong. Vui thích…
Tại sao ngày lại hữu ích?
Thông thường khi xây dựng trang web hoặc ứng dụng web, bạn sẽ muốn làm điều gì đó liên quan đến thời gian. Chuyển đổi một ngày xấu thành định dạng có thể đọc được, tìm thời lượng, chuyển đổi giữa các múi giờ, in ngày ở định dạng cục bộ của người dùng, v.v.
Bạn có thể làm tất cả điều đó với đối tượng JavaScript
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
Trong JavaScript, thời gian [giờ, phút, giây, mili giây] đều được coi là một phần của 'ngày'. Vì vậy, trong phần còn lại của bài viết này, khi tôi nói về 'ngày', hãy nhớ rằng nó bao gồm thời gian [tất nhiên trừ khi tôi nói với bạn điều khác]
Tạo một đối tượng Ngày mới
Để tạo một đối tượng ngày mới, chúng ta có thể gọi
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
Điều này sẽ cho phép chúng tôi thực hiện một loạt các phép tính liên quan đến ngày và giờ
Nếu bạn để trống trong ngoặc, nó sẽ tự động đặt đối tượng ngày này thành ngày/giờ hiện tại. Chúng ta có thể thấy điều này bằng cách
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
Đó là những gì nó hiển thị cho tôi ngay bây giờ, tại Úc [các ngày theo múi giờ của bạn theo mặc định], khi tôi viết bài này. Rõ ràng, nó sẽ khác với bạn. dùng thử
Khi bạn
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
Bạn cũng có thể tạo một đối tượng
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
Dấu thời gian
Dấu thời gian là một số đại diện cho ngày và giờ hiện tại. Trong JavaScript, đây là số mili giây kể từ nửa đêm ngày 1 tháng 1 năm 1970 [và bạn có thể có số âm để biết ngày trước đó]. Do múi giờ nên khó hiểu hơn một chút
Nó thực sự là số mili giây kể từ nửa đêm ngày 1 tháng 1 năm 1970 tại Greenwich, Anh - nơi có múi giờ là GMT [Giờ trung bình Greenwich], còn được gọi là UTC [Giờ phối hợp quốc tế]. Vì vậy, nếu múi giờ của bạn chậm hơn Greenwich 2 giờ, thì dấu thời gian
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
Điều này hơi khó hiểu nhưng tất cả những gì bạn thực sự cần nhớ là dấu thời gian là một số duy nhất tính bằng mili giây đại diện cho ngày và giờ hiện tại
Hãy lấy dấu thời gian từ đối tượng
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
Chúng tôi cũng có thể đặt đối tượng ngày thành dấu thời gian cụ thể bằng cách sử dụng
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
Như bạn có thể thấy, chúng tôi đã thay đổi thời gian mà
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
Như tôi đã nói trước đây, dấu thời gian
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
Bạn có thể thử nhận đối tượng
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
Ồ. Đó là khá xa trong tương lai
Lấy thời lượng giữa hai dấu thời gian
Để có được thời lượng [tính bằng mili giây] giữa hai dấu thời gian, chúng ta chỉ cần trừ cái này cho cái kia. Để đảm bảo câu trả lời luôn là khẳng định [vì bạn không thể có khoảng thời gian phủ định], bạn có thể sử dụng
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
Nhận/thiết lập các phần của đối tượng Date
Đối tượng
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
hẹn gặp[]
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
Bạn cũng có thể thay đổi ngày trong tháng bằng cách sử dụng
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
getDay[]
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
Nếu bạn muốn hiển thị tên thay vì số, bạn có thể thực hiện bằng cách sử dụng một mảng
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
getMonth[]
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
Một lần nữa, nếu bạn muốn hiển thị tên thay vì số, bạn có thể thực hiện bằng cách sử dụng một mảng
var myDate = new Date[];
Bạn cũng có thể thay đổi ngày của số tháng bằng cách sử dụng
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
getFullYear[]
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
Bạn có thể đặt năm bằng cách sử dụng
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
Đợi một giây. Tại sao lại là
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
Gì?. ?. ?. ? . Vì một số lý do kỳ lạ,
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
getHours[],. getMinutes[],. getSeconds[] và. getMilliseconds[]
Các chức năng này cung cấp cho từng thành phần của thời gian của
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
Ví dụ, chúng ta hãy nhìn vào thời gian này
var myDate = new Date[];
Chúng tôi thường chỉ nói 11. 34 giờ sáng, nhưng thời gian này có giây và mili giây để có độ chính xác cao hơn
Nó thực sự khá đơn giản - đối với thời gian ở trên,
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
Một phần nghìn giây, trong trường hợp bạn đang thắc mắc, là 1/1000 giây
Hãy thử tất cả những điều này trên
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
Chúng tôi cũng có thể sử dụng ________ 348, ________ 349, ________ 390 và ________ 391 để thay đổi các giá trị này một cách riêng lẻ
getTimezoneOffset[]
Chúng tôi có thể sử dụng
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
In ngày
Ngoài việc nhận các phần khác nhau của
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
toString[]
Điều này cho phép chúng tôi biến ngày của mình thành một chuỗi. Nó trả về những gì bạn thấy khi
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
Chúng ta hãy có một cái nhìn
var myDate = new Date[];
toDateString[]
Nếu chúng tôi muốn một chuỗi chỉ có phần ngày [không bao gồm thời gian], chúng tôi có thể sử dụng
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
toTimeString[]
Nếu chúng tôi chỉ muốn phần thời gian [không bao gồm ngày], chúng tôi có thể sử dụng
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
Như bạn có thể thấy, điều này bao gồm cả thông tin múi giờ
toUTCString[]
Múi giờ UTC được coi là múi giờ mà tất cả chúng ta nên sử dụng khi chia sẻ ngày và giờ giữa các múi giờ. Như tên gọi, nó có nghĩa là một thứ mà chúng ta có thể sử dụng để phối hợp với nhau. Vì vậy, đôi khi bạn sẽ muốn in ngày và giờ theo UTC. Chúng tôi có thể làm điều này một cách nhanh chóng bằng cách sử dụng
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
Lưu ý rằng nó nói
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
toLocaleString[],. toLocaleDateString[] và. toLocaleTimeString[]
Mọi người trên khắp thế giới hiển thị ngày theo những cách khác nhau. Chúng ta có thể sử dụng các hàm ngôn ngữ này để hiển thị ngày và giờ theo cách mà người dùng quen thuộc.
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
Hãy thử chúng
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
Bạn có thể nhận thấy một sự thay đổi ở đây. Tôi sống ở Úc — và ở Úc, chúng tôi viết ngày trước tháng [không giống như các quốc gia khác như Hoa Kỳ]. Vì vậy, “Ngày 28 tháng 1” sẽ là “ngày 28 tháng 1” và “28/01/2019” sẽ là “28/01/2019”. Như bạn có thể thấy, nó sẽ tự động đặt ngày trước tháng kể từ khi biết tôi đang ở Úc
Nó cũng loại bỏ múi giờ khỏi thời gian - bởi vì khi bạn ở múi giờ địa phương, bạn không nói "Bây giờ là 1 giờ chiều AEST" - bạn chỉ cần nói "Bây giờ là 1 giờ chiều"
toISOString[]
ISO là một định dạng được công nhận trên toàn cầu để lưu trữ ngày trong chuỗi. Chúng thường được sử dụng để gửi dữ liệu giữa các máy chủ. Nếu bạn dán ngày ISO vào hầu hết các vị trí [chẳng hạn như ô bảng tính hoặc đầu vào ngày], nó sẽ hoạt động. Để lấy chuỗi ISO cho ngày của chúng tôi, chúng tôi có thể sử dụng
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
Tạo một đối tượng Ngày từ các ngày khác
Chúng tôi có thể tạo một đối tượng Ngày mới bằng nhiều định dạng đại diện cho ngày - bất kỳ chuỗi ngày hợp lệ nào, chuỗi ngày có thời gian, chuỗi ISO, dấu thời gian, v.v. Dưới đây là một số ví dụ
var myDate = new Date[];
console.log[myDate];
// Output: Mon Jan 28 2019 08:40:07 GMT+1100 [Australian Eastern Daylight Time]
// Output may be different for you
Sự kết luận
Điều này là dành cho hôm nay. Tôi hy vọng bạn đã học được điều gì đó hữu ích
Các múi giờ có thể thực sự khó hiểu, nhưng cuối cùng bạn sẽ hiểu rõ về nó
Nếu bạn thấy bài viết này hữu ích,. Người khác cũng có thể thấy nó hữu ích 😄
Nếu bạn có bất kỳ phản hồi nào, cần trợ giúp hoặc chỉ muốn nói xin chào, vui lòng làm như vậy hoặc thông qua tiện ích trò chuyện trực tiếp ở góc
Nếu bạn thấy bài viết này có giá trị, tôi thực sự đánh giá cao nếu bạn mua cho tôi một ly cà phê - bạn đã mất rất nhiều thời gian và công sức để viết những bài báo này cũng như duy trì trang web này và bạn có thể đọc tất cả miễn phí
Và cuối cùng, đừng quên tham gia bản tin để nhận các hướng dẫn phát triển web được tuyển chọn chất lượng tuyệt vời mỗi tuần một lần từ trang web này và trên internet
Hẹn gặp lại bạn vào lần tới, nơi tôi sẽ nói về thời gian chờ và khoảng thời gian — một phần khác của JavaScript liên quan đến thời lượng