这篇文章主要为大家详细介绍了纯JS实现简单日历的的相关代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本文实例为大家分享了纯JS实现日历的具体代码,供大家参考,具体内容如下
封装代码:
(function(cmf){ cmf.showDcalendar=function(){ var fnname=cmf.fn var id="cmfrili2" var yy=f23timeselecta1.value,mm=f23timeselecta2.value-1 var newdara=new Date() var dd=newdara.getDate(); var d=new Date(yy,mm,1),t if(mm==0){mm=12;yy--} var a,b,c,d2 t='
'+ds[x]+' | ' t+='
' var cl="" if(r[x].charat(0)!=2)cl='999999' else if(x%7==0)cl='ff0000' if(cl!="" )t+='' t+=r[x].substring(1) if(cl!="")t+='' t+=' | ' if(x%7==6)t+='
' +cmf.timeselect_ms(1,'年') +' | ' +cmf.timeselect_ms(2,'月') +' | ' document.getElementById("cmfrili1").innerHTML=t cmf.showDcalendar() } cmf.timeselect_ms=function(n,m,n2) { var t='
◄ | ' if(m!=null)t+=''+m+' | ' t+='► | ' if(n2!=null)t+=''+n2+' | ' t+='
使用:
日历
使用代码中dianji()函数是用户点击某天弹出某天的日期;效果如下
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持html中文网。
以上就是纯JS实现简单的日历的详细内容,更多请关注0133技术站其它相关文章!
未经允许不得转载:0133技术站首页 » JavaScript 教程