![javascript实现日期三级联动下拉框选择菜单实例代码](https://700zi.400zi.cn/uploadfile/img/14/595/56be81d8e098a6c9829d242752055e2d.jpg)
web前端|js教程
javascript,三级联动
web前端-js教程
这篇文章主要介绍了javascript实现日期三级联动下拉框选择菜单,实现JS年月日三级联动下拉框选择功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
易语言3d引擎源码,如何在vscode中调列数,ubuntu ssh域,Tomcat脚本命令启动,爬虫代理http,PHP软件下载ps,sem和seo哪个容易入门推广lzw
由于工作中涉及到生日编辑资料编辑,年月日用上面网址案例:bug提示:
php批发商店源码,vscode mfc静态库,ubuntu监控网络,tomcat 6 302,sqlite自增长上限,电商网站前后端分离前端框架,爬虫获取竞争对手信息,php调用数组,廊坊seo顾问价格,网站上传视频教程,买了源码怎么制作网页,夺宝网站模板lzw
编辑生日栏的【年】或者【月】,之前保存的具体的【日】就不显示啦,产品说不管编辑哪个数据,其他数据不变;
php购物车源码下载,vscode分号没用,ubuntu系统怎么进cmd,tomcat怎样部署,sqlite的路径问题,天使插件怎么找图,前端三大框架,东莞市爬虫,php ,seo优化条件,轻量级网站系统,网页模板,旅游网站模板绿色,wordpress可添加图片投稿页面,基于Django的管理系统源码下载,免费论坛程序出售lzw
然后自己改了一下代码:
JS年月日三级联动下拉框日期选择代码请选择 年 选择 月 选择 日 var changeDD = 1;//->一个全局变量 function YYYYMMDDstart() { MonHead = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]; //先给年下拉框赋内容 var y = new Date().getFullYear(); for (var i = (y - 47); i < (y + 21); i++) //以今年为准,前30年,后30年document.reg_testdate.YYYY.options.add(new Option(" " + i + " 年", i)); //赋月份的下拉框 for (var i = 1; i 赋值给日,为当天日期// document.reg_testdate.DD.value = new Date().getDate(); } if (document.attachEvent) window.attachEvent("onload", YYYYMMDDstart); else window.addEventListener(load, YYYYMMDDstart, false); function YYYYDD(str) //年发生变化时日期发生变化(主要是判断闰平年) { var MMvalue = document.reg_testdate.MM.options[document.reg_testdate.MM.selectedIndex].value; if (MMvalue == "") {//var e = document.reg_testdate.DD;optionsClear(e);return; } var n = MonHead[MMvalue - 1]; if (MMvalue == 2 && IsPinYear(str)) n++; writeDay(n) } function MMDD(str) //月发生变化时日期联动 { var YYYYvalue = document.reg_testdate.YYYY.options[document.reg_testdate.YYYY.selectedIndex].value; if (YYYYvalue == "") {var e = document.reg_testdate.DD;optionsClear(e);return; } var n = MonHead[str - 1]; if (str == 2 && IsPinYear(YYYYvalue)) n++; writeDay(n) } function writeDay(n) //据条件写日期的下拉框 { var e = document.reg_testdate.DD; optionsClear(e); for (var i = 1; i 保持选中状态} } console.log(i); console.log(changeDD); } function IsPinYear(year) //判断是否闰平年 { return (0 == year % 4 && (year % 100 != 0 || year % 400 == 0)); } function optionsClear(e) { e.options.length = 1; } //->随时监听日的改变 function DDD(str){ changeDD = str; }