纯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=''
  var ds='日,一,二,三,四,五,六'.split(",")
  for(x=0;x<7;x++)t+=''+ds[x]+''
  t+=''
  //计算显示上个月有几号在日历上
  a=d.getDay()
  if(a==0)a=7
  r=[]
  var c2=0
  for(var x=0;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+=''
   
  }
  t+=''
  
  document.getElementById(id).innerHTML=t
 }
 
 cmf.getMonthM=function(y,m){//计算哪年哪月 有多少天 月份从1开始
  if(m==4 || m==6 || m==9 || m==11)return 30
  if(m==2)return (y%4==0 && y%100!=0)|| y%400==0?29:28
  return 31
 }
 cmf.showd=function(id,fn){
  cmf.fn=fn
  var g='
'   var newdara=new Date()   var yy=newdara.getFullYear();   var mm=newdara.getMonth()+1;   document.getElementById(id).innerHTML=g   var s='border-width:1px;border-style:solid;border-color:#000000 #cccccc #cccccc #000000;width: 44px;'   var 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=''   t+=''   if(m!=null)t+=''+m+''   t+=''   if(n2!=null)t+=''+n2+''   t+=''   return t  }    cmf.timeselect_up=function(n,m){   var o=document.getElementById("f23timeselecta"+n),c=o.value   if(c=="")c=1   if(n==1)//年   {    if(m==2){//减     c--    }else if(m==1){//加     c++    }   }   else   {    if(m==2){//减     if(c<2) return     c--    }else if(m==1){//加     if(c==12) return     c++    }   }   o.value=c   if(m==1 || m==2)cmf.showDcalendar()  } })(window.cmf={})

使用:



 
  
  日历
  
  
  
 
 
  
   
  
      cmf.showd('ri','dianji')   function dianji(d,ti){    $("#ri td").css('border','')    $(ti).css('border','1px solid #aa0000')    alert(d)   }  

使用代码中dianji()函数是用户点击某天弹出某天的日期;效果如下

纯JS如何实现日历

感谢各位的阅读!关于“纯JS如何实现日历”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!


当前标题:纯JS如何实现日历
文章来源:http://ybzwz.com/article/pjgpho.html

其他资讯