原生态js日历代码免费下载

用原生态js程序写的日历代码: 1、上一个月下一个月; 2、获取当月的日期。 没什么功能,新手可以下载学习

JS代码

<script> 
        var lastmonth=document.getElementById('lastmonth'); 
        var nextmonth=document.getElementById('nextmonth'); 
     
        var date=new Date(); 
        var year=date.getFullYear(); 
        var month=date.getMonth()+1; 
 
        calendar(year,month); 
        function calendar(year,month){ 
            var date=new Date(); 
            var day=date.getDate();//获取年月日 
            var header=document.getElementById('header'); 
            cal.innerHTML=year+"年"+month+"月"; 
            var firstDayWeek=getFirstDayWeek(year,month); 
            firstDayWeek=firstDayWeek==0?7:firstDayWeek; 
 
            var prevDay=getPrevMonthDays(year,month); 
            var prevStartDay=prevDay-firstDayWeek+2; 
            var html=""; 
            for(var i=prevStartDay;i<=prevDay;i++){ 
                html +="<li style='color:#ddd'>"+i+"</li>"; 
 
 
            } 
            var days=getDays(year,month); 
            for(var i=1;i<=days;i++){ 
                html +="<li>"+i+"</li>"; 
 
            } 
            var balanceDay=42-firstDayWeek-days; 
            for(var i=1;i<=balanceDay+1;i++){ 
                html +="<li style='color:#ddd'>"+i+"</li>"; 
            } 
            var tr=document.getElementById("tr"); 
            tr.innerHTML=html; 
        } 
        //封装一个函数里面有两个参数(year,month)然后得到该月有多少天 
        function getDays(year, month) { 
            var date = new Date(year, month, 0);//把日期设置成当月的最后一天 
            return date.getDate();//该日期是几号 
        } 
        //封装一个函数里面有两个参数(year,month)获取该月的第一天是星期几 
        function getFirstDayWeek(year, month) { 
            var date = new Date(year, month - 1, 1); 
            return date.getDay(); 
        } 
        //封装一个函数里面有两个参数(year,month)获取该月的最后一天是星期几 
        function getLastDayWeek(year, month) { 
            var date = new Date(year, month, 0); 
            return date.getDay(); 
        } 
        //封装一个函数里面有两个参数(year,month)获取该月上一个月有多少天 
        function getPrevMonthDays(year, month) { 
            var date = new Date(year, month - 1, 0); 
            return date.getDate(); 
        } 
        //封装一个函数里面有两个参数(year,month)获取该月上一个月的最后一天是星期几 
        function getPrevMonthWeek(year, month) { 
            var date = new Date(year, month - 1, 0); 
            return date.getDay(); 
        } 
 
        lastmonth.onclick=function(){ 
            if(month - 1==0){ 
                year--; 
                month = 12; 
            } 
            else{ 
                month-=1; 
            } 
            calendar(year, month); 
        } 
        nextmonth.onclick=function(){     
         
            if(month + 1==13){ 
                year++; 
                month = 1; 
            } 
            else{ 
                month+=1; 
            } 
            calendar(year, month); 
        } 
 
    </script>
恭喜,此资源为免费资源,请先
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
打赏
下载价格:免费
下载说明:本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录