js簡單的年月聯(lián)動實現(xiàn)代碼_時間日期

HTML
代碼如下:





源碼：
代碼如下:
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是因為開頭有插入""
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');

完整的演示代碼:
<SELECT NAME="SelTjYear"> </SELECT> <SELECT NAME="SelTjMonth"> </SELECT> <script> 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是因為開頭有插入"" 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; } } }; } vYearMonth('SelTjYear', 'SelTjMonth'); </ script>
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com