纯JS如何实现日历
这篇文章给大家分享的是有关纯JS如何实现日历的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
成都创新互联公司是一家以网络技术公司,为中小企业提供网站维护、成都做网站、网站制作、网站备案、服务器租用、主机域名、软件开发、小程序开发等企业互联网相关业务,是一家有着丰富的互联网运营推广经验的科技公司,有着多年的网站建站经验,致力于帮助中小企业在互联网让打出自已的品牌和口碑,让企业在互联网上打开一个面向全国乃至全球的业务窗口:建站沟通电话:18980820575
JS是什么
JS是JavaScript的简称,它是一种直译式的脚本语言,其解释器被称为JavaScript引擎,是浏览器的一部分,主要用于web的开发,可以给网站添加各种各样的动态效果,让网页更加美观。
具体内容如下
封装代码:
(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' else if(x%7==6)cl='009900' 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()函数是用户点击某天弹出某天的日期;效果如下
感谢各位的阅读!关于“纯JS如何实现日历”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
分享文章:纯JS如何实现日历
URL分享:http://scyanting.com/article/pjgpho.html