Giả sử bạn có yêu cầu nắm bắt ngày sinh của người dùng và sau đó tính tuổi từ ngày. Bạn có thể thực hiện phép tính bằng cách sử dụng đối tượng toàn cầu Date Javascript. Đây là một số mã mẫu thực hiện điều đó
function calculateAge[date]
{
const now = new Date[];
const diff = Math.abs[now - date ];
const age = Math.floor[diff / [1000 * 60 * 60 * 24 * 365]];
return age
}
Trong chức năng này, tính toán tuổi rất đơn giản; . Kết quả tính bằng mili giây. Sau đó, chúng tôi chuyển đổi nó thành năm
Đây là bản demo trực tiếp của mã. Chúng tôi sẽ sử dụng công cụ chọn ngày. pikaday. Tại thời điểm viết bài này, vẫn chưa có [https. // nhà phát triển. mozilla. org/en-US/docs/Web/HTML/Element/input/date][kiểu nhập ngày] [ ] hoạt động trên nhiều trình duyệt. Vì vậy, chúng tôi phải sử dụng tiện ích ngày Javascript như pikaday
Nhấp vào trường nhập ngày và chọn một ngày [bấm vào năm để thay đổi năm]
Xem Bút tính tuổi Mã HTML trên CodePen
Nếu bạn tò mò về tiện ích ngày, thì đó là một tiện ích tuyệt vời. Đây là mã định cấu hình tiện ích ngày
var picker = new Pikaday[{
field: document.getElementById['birth_date'] ,
yearRange:[1900,2020],
onSelect: function[date] {
let age = calculateAge[date];
document.getElementById['age'].innerHTML = "age: "+age ;
}
}];
Chức năng gọi lại onSelect được kích hoạt khi người dùng chọn một ngày từ tiện ích
Bạn có thể sử dụng bất kỳ tiện ích công cụ chọn ngày nào miễn là bạn có thể lấy ngày đã chọn từ tiện ích đó khi một ngày được chọn
Trong bài viết này, chúng ta sẽ tìm hiểu cách tính tuổi của một người bằng cách sử dụng Ngày sinh của họ làm đầu vào trong Javascript. Giải pháp Vanilla Javascript để trả lại tuổi của một người bằng cách sử dụng DOB của họ
điều kiện tiên quyết. Kiến thức cơ bản về HTML và Javascript
Video Hướng dẫn – Javascript Tính Tuổi từ Ngày Sinh
Bây giờ, bạn đã xem video hướng dẫn, hãy chuyển sang phần giải thích mã và chúng tôi sẽ đề cập đến phần sau –
Cách tính tuổi Javascript theo năm, tháng, ngày, giờ, phút, giây và mili giây bằng DOB của người
Trước khi chúng ta chuyển sang mã Javascript, hãy tạo một div HTML để giúp chúng ta in kết quả trên màn hình, bạn có thể thay thế bằng GUI của mình
Mã HTML và giải thích
Trong tệp HTML
I create a
Sau này id này sẽ được sử dụng trong JavaScript để xác định phần tử div này và in kết quả ra màn hình
Hãy thử mã cho chính mình ở đây. MãBút
Xem Pen Javascript để tính tuổi theo năm, tháng, ngày khi được cấp DOB của Navjot Singh Virk [@virksaabnavjot] trên CodePen
Tính tuổi Mã JavaScript và giải thích
Trong tệp JS
Đầu tiên tôi định nghĩa một biến gọi là DOB để lưu trữ Ngày sinh của một người
Sau đó, tôi tận dụng các Phương thức Javascript sẵn có. Ngày. parse[] và Ngày. bây giờ[]
Xem Pen Javascript để tính tuổi theo năm, tháng, ngày khi được cấp DOB của Navjot Singh Virk [@virksaabnavjot] trên CodePen
Định nghĩa và cách sử dụng
Cuộc hẹn. phương thức parse[] phân tích cú pháp chuỗi ngày và trả về số mili giây giữa chuỗi ngày và nửa đêm ngày 1 tháng 1 năm 1970
Cuộc hẹn. now[] trả về số mili giây kể từ ngày 1 tháng 1 năm 1970
Sử dụng các hàm này làm cơ sở
Tôi tạo 2 biến mới mili giâyBetweenDOBAnd1970 và millisecondsBetweenNowAnd1970 để lưu trữ số mili giây giữa DOB/NOW và ngày 1 tháng 1 năm 1970 tương ứng
Sau đó, để có được tuổi của một người tính bằng mili giây, hãy trừ DOB từ NGAY BÂY GIỜ
Bây giờ, khi tôi có tuổi của một người tính bằng Mili giây, chúng ta chỉ cần viết logic cơ bản để chuyển đổi nó thành Năm, Tháng, Ngày, Giờ, Phút, Giây
Như chúng ta biết đây là sự thật
1 năm = 365 ngày [trừ năm nhuận], 1 tháng = 30 ngày [khoảng. ], 1 ngày = 24 giờ, 1 giờ = 60 phút, 1 phút = 60 giây, 1 giây = 1000 mili giây
từ chối trách nhiệm. Năm nhuận chưa được xem xét trong ví dụ này. Các ngày trong một tháng cũng đã được khái quát hóa thành 30 ngày trong một tháng [trong khi tùy thuộc vào một năm, một tháng có thể có 31, 30, 29 hoặc 28 ngày trong đó]
Vui lòng không sử dụng bài viết này cho các dự án đại học của bạn trừ khi tuyên bố từ chối trách nhiệm ở trên không phải là vấn đề đáng lo ngại và đừng quên tham khảo trang này.
Hãy quay lại giải thích, sau đó tôi chuyển đổi những dữ kiện này thành mã
Sau đó, tôi viết một hàm gọi là printResults để in kết quả của chúng tôi trên trang bằng tài liệu. getElementById và tận dụng id giữ chỗ mà chúng tôi đã đặt cho div trong HTML, chúng tôi đặt thông báo bằng cách sử dụng InternalHTML
Đầu ra / Kết quả
Trong kết quả, bạn có thể xem tất cả các chuyển đổi, cải thiện hoặc thử viết mã cho chính mình trên CodePen
Xem Pen Javascript để tính tuổi theo năm, tháng, ngày khi được cấp DOB của Navjot Singh Virk [@virksaabnavjot] trên CodePen
Xin đừng quên để lại bình luận hoặc câu hỏi, bạn có thể dễ dàng đăng ký/đăng nhập vào trang web bằng Email, Facebook, Twitter hoặc Tài khoản Google
Những bài viết liên quan
Làm cách nào để lấy các giá trị tham số từ URL bằng Javascript?
thẻ liên quan
javascript tính tuổi, tính tuổi từ ngày sinh javascript, tính tuổi javascript, lấy tuổi từ ngày sinh javascript, javascript lấy tuổi từ ngày, tính tuổi từ ngày sinh bằng javascript, tính tuổi bằng javascript, javascript tính tuổi từ ngày sinh