<head>
<title>显示年月日任你选择！</title>
<SCRIPT language="JavaScript">
function addYear(ojb){
for(i=2000;i<=2050;i++){
temp = document.createElement("option");
temp.text=i;
temp.value=i;
ojb.options.add(temp);
}
}
function addMonth(ojb){
for(i=1;i<=12;i++){
temp = document.createElement("option");
temp.text=i;
temp.value=i;
ojb.options.add(temp);
}
}
function addDay(year,month,day){
//judge year is 闰年
if(month.value == '' || year.value == ''){
return;
}
var isYear;
if(year.value % 4 == 0 && year.value % 100 != 0){
isYear = true;
}else{
isYear = false;
}
if(month.value == 1 || month.value == 3 || month.value == 5 || month.value == 7 || month.value == 8 ||
month.value == 10 || month.value == 12){
for(i=1;i<=31;i++){
temp = document.createElement("option");
temp.text=i;
temp.value=i;
day.options.add(temp);
}
}else if(month.value == 2){
if(isYear == true){
for(i=1;i<=29;i++){
temp = document.createElement("option");
temp.text=i;
temp.value=i;
day.options.add(temp);
}
}else{
for(i=1;i<=28;i++){
temp = document.createElement("option");
temp.text=i;
temp.value=i;
day.options.add(temp);
}
}
}else{
for(i=1;i<=30;i++){
temp = document.createElement("option");
temp.text=i;
temp.value=i;
day.options.add(temp);
}
}
}
</SCRIPT>
</head>
<body onload="addYear(year);">
显示年月日任你选择！<hr>
<select name="year" onchange="addMonth(month);addDay(year,month,day);">
<option>请选择
</option>
</select>
<select name="month" onchange="addDay(year,month,day);">
<option>请选择
</option>
</select>
<select name="day">
<option>请选择
</option>
</select>
</body>
</html>
分享到：
相关推荐
js 实现年月日下拉选择 包括计算闰年 功能比较全，只是下拉条的高度没有控制
1、可以选择年月或者选择日期，比如：选择年月，在显示框中就显示2022-06，如果选择日期，则显示2022-06-04 2、默认是当前日期，当点击控件时弹框显示定位到当前的年和月，日默认为空
织织网应实际使用开发的一个js年月选择器，采用原生js开发，兼容IE、FF（Firefox）、谷歌（Chrome），其他杂牌浏览器都是基于这三种内核的，就不一一测试了。 插件非常的简单，完全开源，可以做二次开发。 因为很...
用标准JavaScript实现的年月日下拉列表三级联动，支持IE6、FireFox3。
通过js 实现年月日连动 带实例。通过js 实现年月日连动 带实例。
实现了Android开发自定义年月日日期选择器，时分时间选择器
基于uniapp的pick实现年月日时分秒的选择器。也可以通过更改更换为更多的选择器。运用灵活，可以解决大部分时间选择器的需求。
自己写的一个用javascript控制年月日输入的函数. 外加一个别人的验证函数。 如不嫌小弟写的差就拿去用吧！
vue时间插件 中datepicker.js 修改过支持年，年月，年月日的选择
js下拉框选择年月日代码
JS 年月选择控件 JS 年月选择控件 JS 年月选择控件http://zhidao.baidu.com/question/328277855.html预览、 希望懂css的多多改善、
原生js实现的一款年月日日期选择特效插件下载。基于原生JavaScript实现，非常简单实用的一款日历选择插件。
JS年月日三级联动下拉框日期选择代码
用js把年月日绑定到html <select>控件
年月日时间选取，只试用移动端的插件，移动端日期选择插件Mdate.js
微信小程序 -- 年月日时分秒 picker 选择器 基于微信小程序封装 月日时分秒 picker 选择器 封装插件 全局引用
年月日选择器js特效基于Backbone.js的一个最简单的年月日三个select选择器。
JS控件显示年月日，用于网页时间选择!精确美观，兼容性好！
datepicker时间插件，多种选择方式，年月日，时分秒，区间范围，单个以及多个选择
简单实用的年月日JS，年月日,非常好用，只要将其js链接到页面并定义年月日三个SelectBox。