javascript日期联动选择器[其中的一些代码值得学习]
2023-06-13 09:14:15 时间
[参数说明]
vardateSelector=newDateSelector(年下拉ID,月下拉ID,日下拉ID,{floorYear:向前几年,ceilYear:向后几年});
dateSelector.onStart=dateSelector.onEnd=function(){//自定义开始结束事件
$("info").innerHTML=this.getSelText(this.year)+"年"+
("0"+this.getSelText(this.month)).slice(-2)+"月"+
("0"+this.getSelText(this.date)).slice(-2)+"日";
}
dateSelector.init();//初始化开始
[说明文字]
这里生成option的方法选择了中规中矩的options[i].text=options[i].value=i;
期间用过一个这个方法:
container.options[container.options.length]=newOption(i,i,false,(i==sign?true:false))
这个newOption有4个参数可用(text,value,defaultSelected,selected);最后一个参数可以设置选中.
但一直没有查到官方资料.在IE6中也遇到了BUG.大家有用过的请指正.
BUG演示
这个在IE7,IE8,FF3等都没问题.但在IE6就会选中的是前一个.现在还未知原因.(经过确认好像是IETester的问题.那么下面这个方案也是个简洁的生成option方案)
测试代码:
<selectid="year"></select>
<scripttype="text/javascript">
<!--
varosel=document.getElementById("year");
varsign=2008;
for(vari=2001;i<2010;i++){
osel.options[osel.options.length]=newOption(i,i,false,(i==sign?true:false));
}
//-->
</script>
相关文章
- javascript_JavaScript走向成熟
- JavaScript 时间戳格式化日期
- JavaScript按日期查询MongoDB中的数据的要点示例
- JavaScript获取距离某天前或后的日期详解编程语言
- JavaScript时间日期格式转换详解编程语言
- javascript计算两个日期之间相差几个月份详解编程语言
- 详谈javascript日期(Date)处理函数详解编程语言
- javascript下拉框显示当前日期
- Javascript日期对象Date扩展方法
- javascript日期常用的方法
- JavaScript控制Session操作方法
- javascript强大的日期函数代码分享
- javascript获取浏览器类型和版本的方法(js获取浏览器版本)
- 浅析JavaScript基本类型与引用类型
- JavaScript代码编写中各种各样的坑和填坑方法
- JavaScript利用正则表达式去除日期中的-