javascript------一个类的年，月，日联动菜单

悠悠 2022-08-23 15:46 58阅读 0赞

<script>  
function Calendar(startyear,endyear)\{  
this.year =new Array()  
var j=0  
for(var i = startyear;i<=endyear;i\++)  
\{ this.year\[j\]=i;  
j\++\}  
this.month=\[1,2,3,4,5,6,7,8,9,10,11,12\]  
this.day=\[\[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31\],\[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28\],\[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31\],\[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30\],\[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31\],\[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30\],\[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31\],\[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31\],\[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30\],\[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31\],\[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30\],\[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31\]\]  
\}  
Calendar.prototype.Createselect=function()\{  
var sele1 = document.createElement("select")  
sele1.id="year"  
document.body.appendChild(sele1)  
var sele2 = document.createElement("select")  
sele2.id="month"  
document.body.appendChild(sele2)  
var sele3 = document.createElement("select")  
sele3.id="day"  
document.body.appendChild(sele3)  
this.Isyear(this.year\[0\])  
this.Initialization()  
this.addmonth()  
this.addyear()  
\}  
Calendar.prototype.Initialization=function()\{  
for(var i=0;i<this.year.length;i\++)  
\{document.getElementById("year").options.add(new Option(this.year\[i\],i))\}  
for(var i=0;i<this.month.length;i\++)  
\{document.getElementById("month").options.add(new Option(this.month\[i\],i))\}  
for(var i=0;i<this.day\[0\].length;i\++)  
\{document.getElementById("day").options.add(new Option(this.day\[0\]\[i\],i))\}  
\}  
Calendar.prototype.Isyear =function(year)\{  
if (0==year%4&&((year%100!=0)||(year%400==0)))  
\{ this.day\[1\]=\[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29\]\}  
else  
\{ this.day\[1\]=\[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28\]\}  
\}  
Calendar.prototype.addyear =function()\{  
var obj = document.getElementById("year")  
var me=this;  
obj.attachEvent("onchange",function()\{me.changeyear();\})  
\}  
Calendar.prototype.changeyear =function(e)\{    
e =e||event  
  this.Isyear(this.year\[event.srcElement.value\])  
  document.getElementById("day").length=0  
  if(document.getElementById("day").length<30)  
  for(var i=0;i<this.day\[1\].length;i\++)  
\{document.getElementById("day").options.add(new Option(this.day\[1\]\[i\],i))\}  
\}  
Calendar.prototype.addmonth =function(year)\{         
var obj = document.getElementById("month")  
var me=this;  
obj.attachEvent("onchange",function()\{me.changemonth();\})  
\}  
Calendar.prototype.changemonth =function(e)\{     
e=e||event  
document.getElementById("day").length=0  
var nowday =this.day\[e.srcElement.value\]  
for(var i=0;i<nowday.length;i\++)  
document.getElementById("day").options.add(new Option(nowday\[i\],i))  
\}  
window.onload=function()\{  
var c =new Calendar(2000,2009)  
c.Createselect()  
\}  
</script>

刚开始写的时候出现了点问题，以前写类时创建的函数都是直接写方法的。

现在用的是attchEvent的方法  结果就出错了，生成的函数使用上是有规则的

暂时不是很懂为什么这样写，唉，写多了应该会慢慢明白的吧

发表评论取消回复

表情：

评论列表（有 0 条评论，58人围观）

还没有评论，来说两句吧...

相关阅读

相关 js 获取年月日

//当前日期返回yyyy-MM-dd function getDate(){ var myDate = new Date(); myDa

╰+哭是因爲堅強的太久メ/ 2022年11月30日 04:20/ 0 赞/ 404 阅读

相关二级联动菜单--常见的城市二级联动

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD>

蔚落/ 2022年09月17日 07:28/ 0 赞/ 279 阅读

相关 javascript------一个类的年，月，日联动菜单

<script> function Calendar(startyear,endyear)\{ this.year =new Array() var j=0 f

悠悠/ 2022年08月23日 15:46/ 0 赞/ 59 阅读

相关无限联动菜单

跟上个下拉菜单的写法差不多......... 但是写的时候还是发现了一些问题如:如何删除带参数事件, 解决方法找一个句柄就行了就是把函数给一个变量.. 记录一

深碍√TFBOYSˉ_/ 2022年08月14日 02:55/ 0 赞/ 167 阅读

相关 javascript对DOM操作实例之联动菜单

联动菜单 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "h

灰太狼/ 2022年07月16日 00:38/ 0 赞/ 210 阅读

相关 JQuery年月日三级联动(生日)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

迷南。/ 2022年07月12日 04:16/ 0 赞/ 245 阅读

相关 html年月日下拉联动菜单年月日三下拉框联动

<html> <head> <title>年月日三下拉框联动</title> <meta http-equiv='Content-Type' c

末蓝、/ 2022年06月08日 06:54/ 0 赞/ 616 阅读

相关 EasyUI时间插件----年月日，年月日时分秒

input标签使用easyUI时间插件还是挺方便的，下面是我自己的一点点总结，感觉没什么，但还是写出来吧。 <……………………………………………………………………………………

﹏ヽ暗。殇╰゛Y/ 2022年06月07日 08:44/ 0 赞/ 608 阅读

相关获取年月日

前言需求：获取当前日期的前一个月份当月有 31 天时，JS 日期对象 setMonth 问题 1. 一般做法当前日期如果不是 31 号, 是没问题的，是

男娘i/ 2022年02月27日 12:00/ 0 赞/ 490 阅读

相关 java判断时间差年月日工具类

一、Java 时间比较需求 1.A时间到B时间，相差多少年，月，日。如：`2011-02-02` 到 `2017-03-02` ，结果为： \ 相差 6年，1

一时失言乱红尘/ 2022年01月31日 00:29/ 0 赞/ 483 阅读