在html中怎样写年月日的代码,注册时选择出生年月日的html+JS

本文介绍如何在HTML中编写代码以创建一个用于注册时选择出生年月日的交互式输入字段,结合JavaScript增强用户体验。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

*出生日期:  年月日

var curdate = new Date();

var year = document.getElementById("year");

var month = document.getElementById("month");

var day = document.getElementById("day");

//绑定年份月分的默认

function add() {

var curyear = curdate.getFullYear();

var minyear = curyear - 80;

var maxyear = curyear - 18;

for (maxyear; maxyear >= minyear; maxyear = maxyear - 1) {

year.options.add(new Option(maxyear, maxyear));

}

for (var mindex = 1; mindex <= 12; mindex++) {

month.options.add(new Option(mindex, mindex));

}

}

//判断是否是闰年

function leapyear(intyear) {

var result = false;

if (((intyear % 400 == 0) && (intyear % 100 != 0)) || (intyear % 4 == 0)) {

result = true;

}

else {

result = false;

}

return result;

}

//绑定天数

function addday(maxday) {

day.options.length = 1;

for (var dindex = 1; dindex <= maxday; dindex++) {

day.options.add(new Option(dindex, dindex));

}

}

function changeday() {

if (year.value == null || year.value == "") {

alert("请先选择年份!");

return false;

}

else {

if (month.value == 1 || month.value == 3 || month.value == 5 || month.value == 7 || month.value == 8 || month.value == 10 || month.value == 12) {

addday(31);

}

else {

if (month.value == 4 || month.value == 6 || month.value == 9 || month.value == 11) {

addday(30);

}

else {

if (leapyear(year.value)) {

addday(29);

}

else {

addday(28);

}

}

}

}

}

window.onload = add;

(注册后不可更改)

分享到:更多

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值