programming javascript

Tính ngày sinh từ tuổi javascript

Javascript tính tuổi. Đây là hướng dẫn này, chúng ta sẽ tìm hiểu cách chúng ta có thể tính tuổi từ Ngày sinh [DOB] đã cho trong javascript. Tôi có một yêu cầu là tôi phải tính tuổi của người dùng dựa trên DOB của họ. Để kiểm tra tính đủ điều kiện về độ tuổi của người dùng và áp dụng xác thực tương ứng

Ví dụ: trên trang đăng ký nếu tuổi của người dùng dưới 18, thì chúng tôi sẽ thêm xác thực theo đó người dùng không thể tạo tài khoản. Vì vậy, dựa trên DOB, tôi có thể tắt hoặc bật nút gửi tương ứng

2 cách tính tuổi trong Javascript

  1. Tính tuổi từ ngày sinh đến ngày hiện tại
  2. Tính tuổi giữa hai ngày đã cho

Tính tuổi từ ngày sinh đến ngày hiện tại

Ở đây trong phương pháp này, chúng tôi thêm một hộp văn bản đầu vào và thẻ nút. Khi nhấp vào nút, chúng tôi gọi hàm javascript lấy ngày từ hộp văn bản đầu vào và tính tuổi.  

Mã HTML của chúng tôi trông giống như dưới đây

 
Calculate Age

Đây là cách tính tuổi từ ngày sinh Hàm JavaScript như sau.   

 function fnCalculateAge[]{

     var userDateinput = document.getElementById["txtDOB"].value;  
	 console.log[userDateinput];
	 
     // convert user input value into date object
	 var birthDate = new Date[userDateinput];
	  console.log[" birthDate"+ birthDate];
	 
	 // get difference from current date;
	 var difference=Date.now[] - birthDate.getTime[]; 
	 	 
	 var  ageDate = new Date[difference]; 
	 var calculatedAge=   Math.abs[ageDate.getUTCFullYear[] - 1970];
	 alert[calculatedAge];
}

Xem bản trình diễn

# Tính tuổi giữa hai ngày đã cho

Ở đây chúng ta sẽ thêm hai hộp văn bản i. ngày bắt đầu và ngày kết thúc. Khi nhấp vào nút, chúng tôi gọi hàm js fnCalculateAgeFromGivesDates

Đánh dấu HTML của chúng tôi trông giống như được viết bên dưới

 
 
Calculate Age

Mã JS để tính tuổi từ hai ngày như sau

 function fnCalculateAgeFromGivesDates[]{
    var startDateInput = document.getElementById["txtStartDate"].value;  
    var endDateInput = document.getElementById["txtEndDate"].value;  	 
	 
    // convert user input values into date object
	var startDate = new Date[startDateInput];
	var endDate  = new Date[endDateInput];
	 	 
	// get difference between two date;
	var difference=endDate - startDate.getTime[]; 
	 	 
	var  ageDate = new Date[difference]; 
	var calculatedAge=   Math.abs[ageDate.getUTCFullYear[] - 1970];
	alert[calculatedAge];
}

Xem bản trình diễn

Phần kết luận. Ở đây trong bài viết này, chúng tôi tìm hiểu cách tính tuổi từ bất kỳ ngày nào. Ngoài ra cách xác định tuổi từ ngày sinh [DOB]. Với 2 bản demo trên, chúng tôi đã cung cấp hàm javascript tính tuổi

Cảm ơn bạn đã đọc, vui lòng tiếp tục truy cập blog này và chia sẻ điều này trong mạng của bạn. Ngoài ra, tôi rất thích nghe ý kiến ​​​​của bạn trong phần bình luận

Hàm 

const calculateAge = [birthday] => {
    const startDate = new Date[];
    const endDate = new Date[birthday];
    return Math.abs[moment.duration[endDate - startDate].years[]];
}
console.log[calculateAge['1999-11-23']]
9 đã phân tích cú pháp một chuỗi ngày và trả về số mili giây từ nửa đêm ngày 1 tháng 1 năm 1970 đến ngày này. Kể từ ngày 1 tháng 1 năm 1970, hàm 

    
Changing Date of Birth in JavaScript
0 trả về số mili giây

Chúng tôi đang sử dụng các chức năng này làm điểm bắt đầu. Để giữ số mili giây giữa DOB/NOW và ngày 1 tháng 1 năm 1970, chúng tôi đã thiết lập hai biến mới, 


    
Changing Date of Birth in JavaScript
1 và 

    
Changing Date of Birth in JavaScript
2

Sau đó, chúng tôi trừ DOB khỏi NOW để tìm tuổi của một người tính bằng mili giây. Khi chúng ta có tuổi của một người tính bằng mili giây, chúng ta phải triển khai một số logic cơ bản để chuyển đổi nó thành Năm, Tháng, Ngày, Giờ, Phút và Giây

JavaScript Age Calculator giúp xác định tuổi hiện tại của người dùng tính từ ngày sinh. Đây là một thiết kế rất dễ dàng và đơn giản. Tôi đã chia sẻ nhiều thiết kế hơn với bạn trước đây. Đây là lần đầu tiên tôi tạo một máy tính tuổi JavaScript đơn giản và chia sẻ nó với bạn

Bạn có thể xem bản demo trực tiếp để biết thiết kế này hoạt động như thế nào. Trước hết, tôi đã tạo một hộp nhỏ trong một trang web. Sau đó, bên dưới là một nút gửi nhỏ

Tại đây bạn có thể nhập ngày, tháng, năm vào trường Input. Sau khi nhập ngày sinh của bạn, bấm vào nút gửi và bạn sẽ thấy tuổi hiện tại của mình ở đây

Dưới đây là thông tin đầy đủ về cách tôi tạo ra nó, từng bước một

Bước 1. Tạo cấu trúc cơ bản

Trước hết tôi đã thiết kế trang web đó bằng mã HTML và CSS. Sau đó, tôi đã làm một hộp nhỏ trên đó

________số 8

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

* {
 box-sizing: border-box;
}

body{
 font-family: Arial, Helvetica, sans-serif;
 background-color: #c83deb;
 font-size: 15px;
 line-height: 1.5;
 padding: 0;
 margin: 0;
}

.container{
 width:520px;
 height: auto;
 min-height:100px;
 margin: 100px auto;
 background-color: #eee;
 border-radius: 5px;
}

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

Bước 2. Thêm tiêu đề hoặc tiêu đề

Sau đó, ở đây tôi đã tạo ra một tiêu đề. Tôi đã sử dụng mã HTML và CSS sau để tạo tiêu đề này

 function fnCalculateAge[]{

     var userDateinput = document.getElementById["txtDOB"].value;  
	 console.log[userDateinput];
	 
     // convert user input value into date object
	 var birthDate = new Date[userDateinput];
	  console.log[" birthDate"+ birthDate];
	 
	 // get difference from current date;
	 var difference=Date.now[] - birthDate.getTime[]; 
	 	 
	 var  ageDate = new Date[difference]; 
	 var calculatedAge=   Math.abs[ageDate.getUTCFullYear[] - 1970];
	 alert[calculatedAge];
}
0

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

 function fnCalculateAge[]{

     var userDateinput = document.getElementById["txtDOB"].value;  
	 console.log[userDateinput];
	 
     // convert user input value into date object
	 var birthDate = new Date[userDateinput];
	  console.log[" birthDate"+ birthDate];
	 
	 // get difference from current date;
	 var difference=Date.now[] - birthDate.getTime[]; 
	 	 
	 var  ageDate = new Date[difference]; 
	 var calculatedAge=   Math.abs[ageDate.getUTCFullYear[] - 1970];
	 alert[calculatedAge];
}
1

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

Bước 3. Tạo một nơi để nhập ngày sinh

Có ba hộp đầu vào để nhập như bạn đã thấy trong bản demo. Để nhập ngày đầu tiên, tháng thứ hai và năm thứ ba. Các mã HTML và CSS sau đây đã được sử dụng để tạo ra nó

 function fnCalculateAge[]{

     var userDateinput = document.getElementById["txtDOB"].value;  
	 console.log[userDateinput];
	 
     // convert user input value into date object
	 var birthDate = new Date[userDateinput];
	  console.log[" birthDate"+ birthDate];
	 
	 // get difference from current date;
	 var difference=Date.now[] - birthDate.getTime[]; 
	 	 
	 var  ageDate = new Date[difference]; 
	 var calculatedAge=   Math.abs[ageDate.getUTCFullYear[] - 1970];
	 alert[calculatedAge];
}
2

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

 function fnCalculateAge[]{

     var userDateinput = document.getElementById["txtDOB"].value;  
	 console.log[userDateinput];
	 
     // convert user input value into date object
	 var birthDate = new Date[userDateinput];
	  console.log[" birthDate"+ birthDate];
	 
	 // get difference from current date;
	 var difference=Date.now[] - birthDate.getTime[]; 
	 	 
	 var  ageDate = new Date[difference]; 
	 var calculatedAge=   Math.abs[ageDate.getUTCFullYear[] - 1970];
	 alert[calculatedAge];
}
3

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

Bước 4. Tạo một nút để gửi

Bây giờ tôi đã tạo một nút gửi mà nếu nhấp vào, người dùng sẽ thấy tuổi hiện tại của anh ấy. Mã HTML và CSS sau đây đã giúp tạo và thiết kế nó

 function fnCalculateAge[]{

     var userDateinput = document.getElementById["txtDOB"].value;  
	 console.log[userDateinput];
	 
     // convert user input value into date object
	 var birthDate = new Date[userDateinput];
	  console.log[" birthDate"+ birthDate];
	 
	 // get difference from current date;
	 var difference=Date.now[] - birthDate.getTime[]; 
	 	 
	 var  ageDate = new Date[difference]; 
	 var calculatedAge=   Math.abs[ageDate.getUTCFullYear[] - 1970];
	 alert[calculatedAge];
}
4

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

 function fnCalculateAge[]{

     var userDateinput = document.getElementById["txtDOB"].value;  
	 console.log[userDateinput];
	 
     // convert user input value into date object
	 var birthDate = new Date[userDateinput];
	  console.log[" birthDate"+ birthDate];
	 
	 // get difference from current date;
	 var difference=Date.now[] - birthDate.getTime[]; 
	 	 
	 var  ageDate = new Date[difference]; 
	 var calculatedAge=   Math.abs[ageDate.getUTCFullYear[] - 1970];
	 alert[calculatedAge];
}
5

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

Bước 5. Tạo màn hình xem tuổi

Hộp này có một màn hình nhỏ ở phía dưới để xem tuổi hiện tại của bạn. Bây giờ nó đang ở trạng thái ẩn. Điều này chỉ có thể được nhìn thấy khi nó được thực thi bởi JavaScript

 function fnCalculateAge[]{

     var userDateinput = document.getElementById["txtDOB"].value;  
	 console.log[userDateinput];
	 
     // convert user input value into date object
	 var birthDate = new Date[userDateinput];
	  console.log[" birthDate"+ birthDate];
	 
	 // get difference from current date;
	 var difference=Date.now[] - birthDate.getTime[]; 
	 	 
	 var  ageDate = new Date[difference]; 
	 var calculatedAge=   Math.abs[ageDate.getUTCFullYear[] - 1970];
	 alert[calculatedAge];
}
6

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

 function fnCalculateAge[]{

     var userDateinput = document.getElementById["txtDOB"].value;  
	 console.log[userDateinput];
	 
     // convert user input value into date object
	 var birthDate = new Date[userDateinput];
	  console.log[" birthDate"+ birthDate];
	 
	 // get difference from current date;
	 var difference=Date.now[] - birthDate.getTime[]; 
	 	 
	 var  ageDate = new Date[difference]; 
	 var calculatedAge=   Math.abs[ageDate.getUTCFullYear[] - 1970];
	 alert[calculatedAge];
}
7

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

Bước 6. Kích hoạt máy tính tuổi bằng JavaScript

Bây giờ tôi đã triển khai nó bằng mã JavaScript. Tôi đã sử dụng mã rất đơn giản ở đây và nói chung. Nếu bạn biết JavaScript cơ bản, bạn phải hiểu cấu trúc này

* {
 box-sizing: border-box;
}

body{
 font-family: Arial, Helvetica, sans-serif;
 background-color: #c83deb;
 font-size: 15px;
 line-height: 1.5;
 padding: 0;
 margin: 0;
}

.container{
 width:520px;
 height: auto;
 min-height:100px;
 margin: 100px auto;
 background-color: #eee;
 border-radius: 5px;
}
6, 
* {
 box-sizing: border-box;
}

body{
 font-family: Arial, Helvetica, sans-serif;
 background-color: #c83deb;
 font-size: 15px;
 line-height: 1.5;
 padding: 0;
 margin: 0;
}

.container{
 width:520px;
 height: auto;
 min-height:100px;
 margin: 100px auto;
 background-color: #eee;
 border-radius: 5px;
}
7, 
* {
 box-sizing: border-box;
}

body{
 font-family: Arial, Helvetica, sans-serif;
 background-color: #c83deb;
 font-size: 15px;
 line-height: 1.5;
 padding: 0;
 margin: 0;
}

.container{
 width:520px;
 height: auto;
 min-height:100px;
 margin: 100px auto;
 background-color: #eee;
 border-radius: 5px;
}
8 đầu tiên của mọi người đã được xác định bởi một biến

* {
 box-sizing: border-box;
}

body{
 font-family: Arial, Helvetica, sans-serif;
 background-color: #c83deb;
 font-size: 15px;
 line-height: 1.5;
 padding: 0;
 margin: 0;
}

.container{
 width:520px;
 height: auto;
 min-height:100px;
 margin: 100px auto;
 background-color: #eee;
 border-radius: 5px;
}
0

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

Sau đó, tôi nhận được ngày hiện tại từ thiết bị bằng chức năng 

* {
 box-sizing: border-box;
}

body{
 font-family: Arial, Helvetica, sans-serif;
 background-color: #c83deb;
 font-size: 15px;
 line-height: 1.5;
 padding: 0;
 margin: 0;
}

.container{
 width:520px;
 height: auto;
 min-height:100px;
 margin: 100px auto;
 background-color: #eee;
 border-radius: 5px;
}
9. Ở đây chúng tôi đã lấy d2, m2, y2 chất rắn trong đó chúng tôi đã lưu trữ ngày hiện tại. Ở đây tôi đã đưa ra số ngày trong một tháng bằng cách sử dụng var month

* {
 box-sizing: border-box;
}

body{
 font-family: Arial, Helvetica, sans-serif;
 background-color: #c83deb;
 font-size: 15px;
 line-height: 1.5;
 padding: 0;
 margin: 0;
}

.container{
 width:520px;
 height: auto;
 min-height:100px;
 margin: 100px auto;
 background-color: #eee;
 border-radius: 5px;
}
1

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

* {
 box-sizing: border-box;
}

body{
 font-family: Arial, Helvetica, sans-serif;
 background-color: #c83deb;
 font-size: 15px;
 line-height: 1.5;
 padding: 0;
 margin: 0;
}

.container{
 width:520px;
 height: auto;
 min-height:100px;
 margin: 100px auto;
 background-color: #eee;
 border-radius: 5px;
}
2

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

Trừ ngày sinh của người dùng từ thời điểm hiện tại và lưu trữ nó ở d, m, y hằng số

* {
 box-sizing: border-box;
}

body{
 font-family: Arial, Helvetica, sans-serif;
 background-color: #c83deb;
 font-size: 15px;
 line-height: 1.5;
 padding: 0;
 margin: 0;
}

.container{
 width:520px;
 height: auto;
 min-height:100px;
 margin: 100px auto;
 background-color: #eee;
 border-radius: 5px;
}
3

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

Rốt cuộc, tôi đã sắp xếp tất cả thông tin này trong trang HTML bằng cách sử dụng InternalHTML. Dưới đây bạn sẽ thấy rằng tôi đã sử dụng một dòng mã HTML cho biết cách xem ngày, tháng và năm này trong trang đó

* {
 box-sizing: border-box;
}

body{
 font-family: Arial, Helvetica, sans-serif;
 background-color: #c83deb;
 font-size: 15px;
 line-height: 1.5;
 padding: 0;
 margin: 0;
}

.container{
 width:520px;
 height: auto;
 min-height:100px;
 margin: 100px auto;
 background-color: #eee;
 border-radius: 5px;
}
4

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

Mã Javascript cuối cùng

* {
 box-sizing: border-box;
}

body{
 font-family: Arial, Helvetica, sans-serif;
 background-color: #c83deb;
 font-size: 15px;
 line-height: 1.5;
 padding: 0;
 margin: 0;
}

.container{
 width:520px;
 height: auto;
 min-height:100px;
 margin: 100px auto;
 background-color: #eee;
 border-radius: 5px;
}
5

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

Đây là một thiết kế máy tính tuổi JavaScript rất đơn giản. Hy vọng hướng dẫn này đã giúp bạn biết cách tôi thực hiện thiết kế này. Hãy bình luận về cách bạn thích nó. Nếu có bất kỳ sai lầm nào trong thiết kế của tôi, vui lòng cho tôi biết trong phần bình luận

Làm cách nào để tính ngày sinh từ tuổi trong JavaScript?

Sao chép mã .
hàm ageCalculator[] {
var userinput = tài liệu. getElementById["DOB"]. giá trị;
var dob = new Date[userinput];
if[userinput==null. userinput==''] {
tài liệu. getElementById["tin nhắn"]. innerHTML = "**Vui lòng chọn ngày. “;

Làm cách nào để xác thực tuổi trong JavaScript?

1. Xác thực định dạng ngày dd/MM/yyyy. Ngày sinh [DOB] sẽ được xác thực trước cho định dạng dd/MM/yyyy bằng cách sử dụng Biểu thức chính quy [Regex] . 2. Xác nhận độ tuổi tối thiểu 18+. Sự khác biệt giữa độ tuổi được nhập trong TextBox và Ngày hiện tại tối thiểu là 18 năm.

Làm cách nào để tính tuổi từ ngày sinh trong html5?

chức năng tính toán Tuổi [ngày] { const now = new Date[]; . abs[bây giờ - ngày ]; . tầng[khác biệt / [1000 * 60 * 60 * 24 * 365]]; . tài liệu

Làm cách nào để chuyển đổi tuổi thành ngày trong JavaScript?

Chuyển đổi tuổi thành ngày trong JavaScript .
hàm convertAgeToDays[tuổi] {
trả về tuổi *365;

Bài Viết Liên Quan

Cách chỉnh sửa webhook Discord
Cập nhật giao lộ trong python
Phát triển chủ đề WordPress có dễ không?
Thực thi mysql
Lịch thi đấu cricket Nam Phi 2024
Làm thế nào để bắt đầu mã PHP?
Làm thế nào để bạn in một bộ đếm thời gian trong python?
Laravel chọn các cột cụ thể từ mối quan hệ
Tampa Bay Buccaneers schedule 2022 to 2023 printable
Php có thể được sử dụng cho các tập lệnh dòng lệnh không?
1ml bằng bao nhiêu mét
Php gửi email qua gmail
Ảnh trăn đen trắng
Làm cách nào để xóa khoảng trắng giữa các hàng của bảng trong html?
Bao nhiêu ngày nữa đến ngày 10 tháng 1 năm 2023
Tạo php tự động tải
Python difflib so sánh hai chuỗi
Làm cách nào để sử dụng dấu hoa thị trong Python?
Bảng người dùng MySQL
Hướng dẫn dùng modifires trong PHP

Toplist mới

#1
Top 7 sự tích hồ gươm - ngữ văn lớp 6 2023
7 tháng trước
#2
Top 7 gdcd 6 bài 1 kết nối tri thức 2023
7 tháng trước
#3
Top 7 ý nghĩa của xây dựng gia đình văn hóa 2023
7 tháng trước
#4
Top 6 mẫu hợp đồng mượn đất làm nhà xưởng 2023
7 tháng trước
#5
Top 3 tổng tài biến thái tôi yêu anh tập 27 2023
7 tháng trước
#6
Top 6 kết thực phim mỹ nhân vô lệ 2023
7 tháng trước
#7
Top 9 trong những câu thơ sau câu nào sử dụng thành ngữ 2023
7 tháng trước
#8
Top 8 đề tài và chủ de của tác phẩm tắt đèn 2023
7 tháng trước
#9
Top 5 tiểu sử của thầy thích pháp hòa 2023
7 tháng trước

Bài mới nhất

B.n.n bị tố đạo văn 80 năm 2024
Làm thế nào để hết chuột rút bắp chân năm 2024
Bán đất đường trần quang diệu thành phố thanh hóa năm 2024
Ngành tâm lý học nên học trường nào năm 2024
Công thức giải nhanh hóa vô cơ 12 năm 2024

Chủ Đề

programming Hỏi Đáp Toplist Là gì Bài Tập Địa Điểm Hay Mẹo Hay Học Tốt Nghĩa của từ Công Nghệ Khỏe Đẹp bao nhiêu Top List Tiếng anh Bao nhiêu Sản phẩm tốt Xây Đựng Ngôn ngữ javascript Ở đâu Đại học Hướng dẫn Bài tập Tại sao Dịch So Sánh Máy tính Món Ngon mẹo hay Bao lâu Thế nào So sánh Khoa Học Vì sao Lớp 9 Lớp 10