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

DateSelector body { margin: 0px; padding: 0px; font-size: 12px; } #year, #month, #date{ width: 60px; margin-right: 3px; } [Ctrl+A 全选注:如需引入外部Js需刷新才能执行][参数说明] 复制代码代码如下: 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">  </script>

更简单的在光标处插入文字先在本文框中点鼠标以确定光标位置。 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]需要注意的是document.selection.createRange是IE独有的而fir>>>详细阅读

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

地址：http://www.17bianji.com/kaifa2/JS/27459.html

1/2 1