避免用户输入日期时出错，用下拉列表选择日期，尽量减少用户手工输入。这样可以减少对日期的判断.
下面的代码输入的效果就是有三个下拉列表，分别是'year','month'和'day'，单击下拉列表可以对日期进行选择：（自己写的，如果有更简单的，请同志们留言分享一下）
<html><head>
<script language="javascript">
function getobj(id){
return document.getElementById(id);
}
function list(){
var date=new Date();
var le1=date.getFullYear()-1970;
addlist('year',1970,le1);
addlist('month',1,12);
addlist('day',1,31);
}
function febday(){//判断不同的情况下二月的天数，并更改日的列表项中的内容
var year=getobj('year').value;
var month=getobj('month').value;
var bigm=new Array('1','3','5','7','8','10','12');
var bigstr=bigm.join('-');
var smallm=new Array('4','6','9','10');
var smallstr=smallm.join('-');
if(bigstr.indexOf(month)>-1)
addlist('day',1,31);
if(smallstr.indexOf(month)>-1)
day(30);
if(month=='2'){
if(isRui(year)){
day(29);
}else{
day(28);
}
}
}
function day(num){//改变二月的天数
var list=getobj('day');
var listlen=list.options.length;
for(var i=listlen-1;i>=num;i--){
list.options[i]=null;
}
}
function isRui(year){//是否是闰年
if((year%400==0)||(year%4==0 && year/100!=0))
return true;
return false;
}
function addlist(obj,begin,length){//为列表项中批量添加项目
var list=getobj(obj);
for(var i=0;i<length;i++){
var num=i+begin;
list.options[i]=new Option(num,num);
}
}
</script>
</head>
<body onload="list();">
<form name="form" id="form">
<select id="year" name="year" onchange="febday();">
</select>年
<select name="month" id="month" onchange="febday();">
</select>月
<select name="day" id="day">
</select>日
</form>
</body>
</html>
分享到：
相关推荐
但是IE6有一个神奇的逻辑，div 无法覆盖select,但是iframe 可以覆盖select，而div可以覆盖iframe，所以解决办法就是用Z轴高度更高的Iframe元素，包裹或覆盖住下拉列表框控件，使其回到正常的Z轴高度上来！...
6.6.html 多级下拉列表联动。 6.7.html 各种使用JavaScript获取复选框值的方法。 6.8.html JavaScript控制复选框。 6.9.html 复选框的JavaScript特效。 6.10.html JavaScript取单选框的值。 ...
有点类似于树形二级状态，后面的下拉框数据来源并没有在前面内容里，而是另外一个接口查询，具体操作如下： HTML代码： 1.在处理人列加入一个下拉框模板，其中v-model必须要scope.row.proJbruserValue来绑定，意思...
移动端代码库代码内容包括组件(数量50+)基础按钮标签轮播相关Banner 轮播。信息轮播。 一般轮播文字，如购买信息，中奖信息。通告栏。 以水平跑马灯的形式展示。列表相关无限加载。无限加载封装。 比调用无限加载...
5.提供丰富的单元格数据类型(或编辑方式)：编辑框、下拉列表框、下拉表格、复选框、日期选择框、货币输入框、按钮、进度条、密码等。 6.行列的添加/删除，显示/隐藏、拖动、排序、锁定行列等功能 7.对创建的报表...
微信小程序组件里没有下拉框，正好要用到，记下来以后参考 wxml代码 <view class='top-text'> 选择接收班级 <!-- 下拉框 -->...-- 下拉需要显示的列表 --> <view class=select_box wx
2-1 使用Select方法 12 2-2 使用Activate方法 12 2-3 使用Goto方法 12 技巧3 获得指定行、列中的最后一个非空单元格 12 技巧4 定位单元格 12 技巧5 查找单元格 12 5-1 使用Find方法 12 5-2 使用Like运算符 12 技巧6 ...
2-1 使用Select方法 15 2-2 使用Activate方法 16 2-3 使用Goto方法 17 技巧3 获得指定行、列中的最后一个非空单元格 17 技巧4 定位单元格 20 技巧5 查找单元格 21 5-1 使用Find方法 21 5-2 使用Like运算符 25 技巧6 ...
6.5 从一个下拉列表往另一个下拉列表添加内容 6.6 改变列表项的上下顺序 6.7 给下拉框数据分组 6.8 获取列表框的选择 6.9 类IE下拉框 6.10 下拉框式邮件发送 6.11 获取多选框的选择项 6.12 手动调整的列表框 6.13 ...
6.5 从一个下拉列表往另一个下拉列表添加内容 6.6 改变列表项的上下顺序 6.7 给下拉框数据分组 6.8 获取列表框的选择 6.9 类IE下拉框 6.10 下拉框式邮件发送 6.11 获取多选框的选择项 6.12 手动调整的列表框 6.13 ...
实例164 应用下拉列表选择所要联机的网站 196 实例165 可输入字符的下拉菜单 197 实例166 设置下拉列表的默认值 198 实例167 设置下拉列表的样式 199 实例168 下拉列表打开窗口 200 实例169 Tab键在文本域中的体现 ...
实例164 应用下拉列表选择所要联机的网站 196 实例165 可输入字符的下拉菜单 197 实例166 设置下拉列表的默认值 198 实例167 设置下拉列表的样式 199 实例168 下拉列表打开窗口 200 实例169 Tab键在文本域中的体现 ...
5.提供丰富的单元格数据类型(或编辑方式)：编辑框、下拉列表框、下拉表格、复选框、日期选择框、货币输入框、按钮、进度条、密码等。 6.行列的添加/删除，显示/隐藏、拖动、排序、锁定行列等功能 7.对创建的报表...
您可以使用 Active Document 在 Microsoft Internet Explorer 浏览器中直接运行由 Visual FoxPro 创建的包含有 Visual FoxPro 代码的表单。 在 Visual Basic 中，Active Document 只是稍做修改的表单，目的是支持 ...
一款美化表单下拉列表、复选框等的jquery combobox插件实例 30.站长必备jquery实现combox自动筛选,高亮显示功能 4)菜单 1.jquery+CSS超炫丽横向多级滑动导航菜单 2.jQuery+CSS漂亮蓝色三级菜单下载 3....
可以使用任何文本编辑工具编写 JavaScript 代码，然后由浏览器解释执行。 JavaScript常用于实现如下功能： |--控制文档的外观和内容； |--对浏览器的控制； |--与 HTML 表单的交互； |--与用户的交互； |--...
该日历主要实现了获取当前时间时分秒，年月日星期，动态生成选择年的select，月的select，然后根据你所选中的年月，显示该年月对应的这一个月的日期。 点击上一个月，下一个月按钮，在下拉列表中显示对应的年月。 ...