js簡單的年月聯(lián)動(dòng)實(shí)現(xiàn)代碼
更新時(shí)間:2010年11月17日 20:32:04 作者:
js簡單的年月聯(lián)動(dòng)實(shí)現(xiàn)代碼,需要的朋友可以參考下。
HTML
<SELECT NAME="SelTjYear">
</SELECT>
<SELECT NAME="SelTjMonth">
</SELECT>
源碼:
function vYearMonth(yearObjId, monthObjId) {
var selYear = document.getElementById(yearObjId);
var selMonth = document.getElementById(monthObjId);
var myDate = new Date(); //當(dāng)前日期
var myYear = myDate.getFullYear(); //當(dāng)前年
var myMonth = myDate.getMonth() + 1; //當(dāng)前月
var yearMin = -2; //年份范圍值,也當(dāng)前年比較的差值
var yearMax = 10; //年份范圍值,也當(dāng)前年比較的差值
//Begin年*******************************
selYear.options.add(new Option("", ""));
for (var i = yearMin; i < yearMax; i++) {
var opt = new Option(myYear + i, myYear + i);
selYear.options.add(opt);
}
//這里1-yearMin表示選中當(dāng)前年,用1是因?yàn)殚_頭有插入""
selYear.options.selectedIndex = 1 - yearMin;
//End年*******************************
//Begin月*******************************
selMonth.options.add(new Option("", ""));
for (var i = 0; i < 12; i++) {
var opt = new Option(i + 1, i + 1);
selMonth.options.add(opt);
}
//選中當(dāng)前月
selMonth.options.selectedIndex = myMonth;
//End月*******************************
selYear.onchange = function () {
if (this.value == "") {
selMonth.selectedIndex = 0;
}
else {
if (selMonth.value == "") {
selMonth.selectedIndex = myMonth;
}
}
};
}
調(diào)用:
vYearMonth('SelTjYear', 'SelTjMonth');
完整的演示代碼:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
復(fù)制代碼 代碼如下:
<SELECT NAME="SelTjYear">
</SELECT>
<SELECT NAME="SelTjMonth">
</SELECT>
源碼:
復(fù)制代碼 代碼如下:
function vYearMonth(yearObjId, monthObjId) {
var selYear = document.getElementById(yearObjId);
var selMonth = document.getElementById(monthObjId);
var myDate = new Date(); //當(dāng)前日期
var myYear = myDate.getFullYear(); //當(dāng)前年
var myMonth = myDate.getMonth() + 1; //當(dāng)前月
var yearMin = -2; //年份范圍值,也當(dāng)前年比較的差值
var yearMax = 10; //年份范圍值,也當(dāng)前年比較的差值
//Begin年*******************************
selYear.options.add(new Option("", ""));
for (var i = yearMin; i < yearMax; i++) {
var opt = new Option(myYear + i, myYear + i);
selYear.options.add(opt);
}
//這里1-yearMin表示選中當(dāng)前年,用1是因?yàn)殚_頭有插入""
selYear.options.selectedIndex = 1 - yearMin;
//End年*******************************
//Begin月*******************************
selMonth.options.add(new Option("", ""));
for (var i = 0; i < 12; i++) {
var opt = new Option(i + 1, i + 1);
selMonth.options.add(opt);
}
//選中當(dāng)前月
selMonth.options.selectedIndex = myMonth;
//End月*******************************
selYear.onchange = function () {
if (this.value == "") {
selMonth.selectedIndex = 0;
}
else {
if (selMonth.value == "") {
selMonth.selectedIndex = myMonth;
}
}
};
}
調(diào)用:
復(fù)制代碼 代碼如下:
vYearMonth('SelTjYear', 'SelTjMonth');
完整的演示代碼:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
您可能感興趣的文章:
- js實(shí)現(xiàn)年月日表單三級(jí)聯(lián)動(dòng)
- javascript 年月日聯(lián)動(dòng)實(shí)現(xiàn)核心代碼
- javascript 09年最新版的省市聯(lián)動(dòng)
- 實(shí)現(xiàn)一個(gè)年、月、季度聯(lián)動(dòng)SELECT的javascript代碼
- JS日期和時(shí)間選擇控件升級(jí)版(自寫)
- input 日期選擇功能的javascript代碼
- js選擇日期
- javascript 表單日期選擇效果
- javascript英文日期(有時(shí)間)選擇器
- javascript實(shí)現(xiàn)日期三級(jí)聯(lián)動(dòng)下拉框選擇菜單
相關(guān)文章
利用js獲取服務(wù)器時(shí)間的兩個(gè)簡單方法
js獲取服務(wù)器時(shí)間的兩個(gè)方法,代碼比較簡單,需要的朋友可以參考下。2010-01-01javascript 日歷提醒系統(tǒng)( 兼容所有瀏覽器 )
日歷提醒插件(純 javascript + css 打造,不含各類添加劑) 代碼比較精簡,數(shù)據(jù)可以從數(shù)據(jù)庫中讀取。2009-04-04一個(gè)簡單的JavaScript 日期計(jì)算算法
這個(gè)一個(gè)簡單的JavaScript日期計(jì)算算法代碼2009-09-09JavaScript 時(shí)分秒時(shí)間代碼(自動(dòng)補(bǔ)零)
JavaScript 時(shí)分秒時(shí)間代碼,時(shí)間小于10的就補(bǔ)充一個(gè)零。2010-02-02JavaScript 判斷日期格式是否正確的實(shí)現(xiàn)代碼
沒有多大變動(dòng),主要是返回錯(cuò)誤信息,以便調(diào)用函數(shù)部分可以alert出來。據(jù)說可以用正則表達(dá)式校驗(yàn),下次再研究下。2011-07-07javascript實(shí)現(xiàn)的簡易的DatePicker日歷
DatePicker是個(gè)很常見的組件。我大致搜了一下,滿大篇的demo。各大框架也把DatePicker納入基本的組件庫里。2011-02-02