当前位置：首页 > 资讯 > 技术文档

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

时间：2022-12-26 02:14 编辑：来源：阅读：
扫一扫，手机访问

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

[Ctrl+A 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

[参数说明]

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方案)

测试代码:

[u]复制代码[/u] 代码如下:

<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>

全部评论(0)

上一篇：jQuery中deferred对象使用方法详解
下一篇：bootstrap laydate日期组件使用详解

资讯排行榜
更多>>