javascript 日期联动选择器 [其中的一些代码值得学习]

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript 日期联动选择器 [其中的一些代码值得学习]，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3754字，纯文字阅读大概需要6分钟。

内容图文

var dateSelector = new DateSelector(年下拉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] = new Option(i, i, false, (i == sign ? true : false)) 
这个new Option有4个参数可用(text, value, defaultSelected, selected); 最后一个参数可以设置选中. 

但一直没有查到官方资料. 在IE6中也遇到了BUG.大家有用过的请指正. 

BUG演示 

这个在IE7,IE8,FF3等都没问题.但在IE6就会选中的是前一个.现在还未知原因. (经过确认好像是IE Tester的问题.那么下面这个方案也是个简洁的生成option方案) 


测试代码: 
 代码如下:

<select id="year"></select> 
<script type="text/javascript"> 
<!-- 
var osel = document.getElementById('year'); 
var sign = 2008; 
for(var i = 2001; i < 2010; i++) { 
osel.options[osel.options.length] = new Option(i, i, false, (i == sign ? true : false)); 
} 
//--> 
</script> 

            
            


           
                
                                                

内容总结

以上是互联网集市为您收集整理的javascript 日期联动选择器 [其中的一些代码值得学习]全部内容，希望文章能够帮你解决javascript 日期联动选择器 [其中的一些代码值得学习]所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端