宝哥软件园

原生JS实现左右箭头选择日期示例代码

编辑:宝哥软件园 来源:互联网 时间:2021-09-05

在第一次呈现时,您可以使用左右尖括号来更改中间日期的值。(点击中间显示区的时间选择框,不谈插件,主要谈你的原创部分)

HTML部分(左右箭头都是用过的图片素材,网上有很多图片,我就在这里显示我的本地地址)

div span class=' left span ' span style=' color : # ff 0000;'onclick=' reduce date()'/span mg src=' http : IMg/return . png ' style=' height :100 ';宽度:100%;”//span标签id=' BeginTime ' class=' kbtn '/标签span class=' right span ' span style=' color : # ff 0000;'onclick=' adddate()'/span mg src=' http : IMg/right . png ' style=' height :100 ';宽度:100%;”/span/div在HTML部分没什么好说的

以下是原生JS部分(底部有这个插件附件,欢迎各界朋友评论交流)

函数adddate(){ //按钮用于将时间(加上时间)跳转到右边的var s=document . getelementbyid(' begin time ')。innerhtmlvar arr=s . split('/');//根据“/”将获取的数组拆分为字符串数组var year=parsent(arr[0]);//拆分字符串数组第一个地址的内容是year var mouth=parsent(arr[1]);//拆分字符串数组的第二个地址的内容是month vardate=par sent(arr[arr。length-1]);//拆分字符串数组第三个地址的内容是日期if(date==28){//当日期为28时,只判断是否为二月开关(口){ case 2: if(year % 4==0 year % 100!=0 | | year @ 0==0){ date=date 1;}//如果是闰年,加个else { date=1;口=口1;}//如果闰年的日期不是二月,就变成一月加一} }否则如果(日期==29){ //当日期是29号时,是否是二月开关(口){ case 2: date=1;口=口1;}//当29号出现时,闰年日期必须改为一月加一}else if(date==30){ //当日期为30时,switch(口){ case 1: case : case 5: case 73360 case 8: case 10: case 123360 date=date 1;打破;//当一个月有31天到30天时,添加一个case 4: case 6: case 93360 case 113360 date=1;口=口1;打破;//在这几个月里,当一个月有30天到30天的时候,日期就变成了1月加1 } else if(date==31){ switch(mouth){ case 1: case : case 53360 case 73360 case 83360 case 103360 gate=1;口=口1;打破;//在这几个月里,当一个月有31天到31天的时候,日期是1月加1例12:日期=1;口=1;年份=第1年;打破;//12月31日改为1月,改为一年加一} } else { date=1;} document . getelementbyid(' BeginTime ')。innerHTML=年份'/'口'/'日期;} }函数reduce date(){///按钮,用于向左跳转时间(减少时间)var s=document . getelementbyid(' begin time ')。innerhtmlvar arr=s . split('/');//根据“/”将获取的数组拆分为字符串数组var year=parsent(arr[0]);//拆分字符串数组第一个地址的内容是year var mouth=parsent(arr[1]);//拆分字符串数组的第二个地址的内容是month vardate=par sent(arr[arr。length-1]);//拆分字符串数组第三个地址的内容是日期if(date==1){//当日期为1时,再次切割会改变月份,甚至年开关(口){ case 1: date=31口=12;年份=年份-1;打破;//1月1日改日。今年减为1月12日。日期为31案例2:案例43360案例63360案例83360案例93360案例113360日期=31。嘴部=嘴部-1;打破;//在这几个月的第一天再剪一天,月减一日期为31 case : if(year % 4==0 year % 100!=0 | | year @ 0==0){ date=29;嘴部=嘴部-1;} else { date=28嘴部=嘴部-1;} break//3月1日再剪一天,从月中减去一天,根据是否是闰年来判断日期。案例5:案例7:案例10:日期=30;嘴部=嘴部-1;打破;//在这几个月的第一天再剪一天,这个月减去一个日期就是30 } } else { date=date-1;} document . getelementbyid(' BeginTime ')。innerHTML=年份'/'口'/'日期;//将拼接字符串插入到标记中}编写一个应用编程接口:

左尖括号(减少时间)

span style=' color: # FF0000'onclick=' reduce date(' tagid ')';/span直角括号(增加时间)

span style=' color: # FF0000'onclick=' adddate()(' tagid ')';/span代码可以复制到自己的JS中,也可以插入。

以上是边肖介绍的原JS左右箭头选择日期示例代码,希望对大家有所帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!

更多资讯
游戏推荐
更多+