js简单的年月联动实现代码
2023-06-13 09:14:25 时间
HTML
复制代码代码如下:
<SELECTNAME="SelTjYear">
</SELECT>
<SELECTNAME="SelTjMonth">
</SELECT>
源码:
functionvYearMonth(yearObjId,monthObjId){
varselYear=document.getElementById(yearObjId);
varselMonth=document.getElementById(monthObjId);
varmyDate=newDate();//当前日期
varmyYear=myDate.getFullYear();//当前年
varmyMonth=myDate.getMonth()+1;//当前月
varyearMin=-2;//年份范围值,也当前年比较的差值
varyearMax=10;//年份范围值,也当前年比较的差值
//Begin年*******************************
selYear.options.add(newOption("",""));
for(vari=yearMin;i<yearMax;i++){
varopt=newOption(myYear+i,myYear+i);
selYear.options.add(opt);
}
//这里1-yearMin表示选中当前年,用1是因为开头有插入""
selYear.options.selectedIndex=1-yearMin;
//End年*******************************
//Begin月*******************************
selMonth.options.add(newOption("",""));
for(vari=0;i<12;i++){
varopt=newOption(i+1,i+1);
selMonth.options.add(opt);
}
//选中当前月
selMonth.options.selectedIndex=myMonth;
//End月*******************************
selYear.onchange=function(){
if(this.value==""){
selMonth.selectedIndex=0;
}
else{
if(selMonth.value==""){
selMonth.selectedIndex=myMonth;
}
}
};
}
调用:
vYearMonth("SelTjYear","SelTjMonth");
完整的演示代码:
相关文章
- js面试题及答案2020_JS面试题大全
- Js排序算法_js 排序算法
- js压缩CSS样式代码的方法
- 如何使用jscythe并通过Node.js的Inspector机制执行任意JS代码
- 两个DIV等高的JS的实现代码
- 发一个自己用JS写的实用看图工具实现代码
- js变量类型转换常用函数与代码[比较全]
- JS正则表达式判断各个浏览器代码详解
- Js载入时选中文字的实现代码
- js下通过getList函数实现分页效果的代码
- 按钮JS复制文本框和表格的代码
- ie8.0下显示本地图片的js实现代码img.src
- Js过滤空格的实现代码
- 用js实现小球的自由移动代码
- js点击更换背景颜色或图片的实例代码
- js距离某一时间点时间是多少实现代码
- js实现幻灯片播放图片示例代码
- 完美兼容IE,chrome,ff的设为首页、加入收藏及保存到桌面js代码