javascript 日期聯(lián)動(dòng)選擇器 [其中的一些代碼值得學(xué)習(xí)]
更新時(shí)間：2009年12月15日 18:32:20 作者：
javascript 日期聯(lián)動(dòng)選擇器，簡(jiǎn)單的看了下代碼非常不錯(cuò)，都考慮到了標(biāo)準(zhǔn)，兼容性也不錯(cuò)。學(xué)習(xí)js的朋友有福了。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
[參數(shù)說明]
復(fù)制代碼 代碼如下:
var dateSelector = new DateSelector(年下拉ID, 月下拉ID, 日下拉ID, {floorYear: 向前幾年, ceilYear: 向后幾年});
dateSelector.onStart = dateSelector.onEnd = function(){ // 自定義開始結(jié)束事件
$('info').innerHTML = this.getSelText(this.year) + '年' +
('0' + this.getSelText(this.month)).slice(-2) + '月' +
('0' + this.getSelText(this.date)).slice(-2) + '日';
}
dateSelector.init(); // 初始化開始
[說明文字]
這里生成option的方法選擇了中規(guī)中矩的options[i].text = options[i].value = i;
期間用過一個(gè)這個(gè)方法:
container.options[container.options.length] = new Option(i, i, false, (i == sign ? true : false))
這個(gè)new Option有4個(gè)參數(shù)可用(text, value, defaultSelected, selected); 最后一個(gè)參數(shù)可以設(shè)置選中.
但一直沒有查到官方資料. 在IE6中也遇到了BUG.大家有用過的請(qǐng)指正.
BUG演示
這個(gè)在IE7,IE8,FF3等都沒問題.但在IE6就會(huì)選中的是前一個(gè).現(xiàn)在還未知原因. (經(jīng)過確認(rèn)好像是IE Tester的問題.那么下面這個(gè)方案也是個(gè)簡(jiǎn)潔的生成option方案)
測(cè)試代碼:
復(fù)制代碼 代碼如下:
<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>
您可能感興趣的文章:
- Bootstrap每天必學(xué)之日期控制
- Yii2框架引用bootstrap中日期插件yii2-date-picker的方法
- 基于javascript bootstrap實(shí)現(xiàn)生日日期聯(lián)動(dòng)選擇
- bootstrap-datetimepicker實(shí)現(xiàn)只顯示到日期的方法
- 淺談Bootstrap的DatePicker日期范圍選擇
- bootstrap laydate日期組件使用詳解
- javascript英文日期（有時(shí)間）選擇器
- Js日期選擇器并自動(dòng)加入到輸入框中示例代碼
- js實(shí)現(xiàn)點(diǎn)擊文本框顯示日期選擇器特效代碼分享
- 利用Query+bootstrap和js兩種方式實(shí)現(xiàn)日期選擇器
相關(guān)文章
使用setTimeout遞歸處理。 在這之中，有一個(gè)很重要的問題——延遲，這樣的做法和系統(tǒng)CPU資源有很大關(guān)系，而且函數(shù)的調(diào)用也要耗費(fèi)時(shí)間，最終就導(dǎo)致計(jì)數(shù)的誤差越來越大2012-07-07
javascript 日期時(shí)間函數(shù)(經(jīng)典＋完善＋實(shí)用)
日期時(shí)間腳本庫方法列表2009-05-05
javascript獲取當(dāng)前日期時(shí)間及其它操作函數(shù)
javascript獲取當(dāng)前日期時(shí)間及其它操作函數(shù)，需要在js中操作日期時(shí)間的朋友可以參考下。整理的比較全。2011-01-01
無聊，寫了個(gè)日歷程序，歡迎拍磚...2007-02-02
正宗的日歷(含農(nóng)歷)...2006-09-09
Javascript 世界時(shí)區(qū)時(shí)間顯示代碼
Javascript 世界時(shí)區(qū)時(shí)間顯示代碼，顯示多個(gè)地區(qū)的時(shí)間，需要的朋友可以參考下代碼2012-05-05![javascript 日期聯(lián)動(dòng)選擇器 [其中的一些代碼值得學(xué)習(xí)]](http://img.jbzj.com/images/xgimg/bcimg6.png)
javascript 日期聯(lián)動(dòng)選擇器 [其中的一些代碼值得學(xué)習(xí)]
javascript 日期聯(lián)動(dòng)選擇器，簡(jiǎn)單的看了下代碼非常不錯(cuò)，都考慮到了標(biāo)準(zhǔn)，兼容性也不錯(cuò)。學(xué)習(xí)js的朋友有福了。2009-12-12
一個(gè)簡(jiǎn)單的JavaScript 日期計(jì)算算法
這個(gè)一個(gè)簡(jiǎn)單的JavaScript日期計(jì)算算法代碼2009-09-09
JS日歷 推薦...2006-12-12
一個(gè)可以顯示陰歷的JS代碼...2007-03-03