zoukankan      html  css  js  c++  java
  • 写日历的一些总结(二)

    点击切换前一天的日期  只能切换到当前月份的前三个月  例如(今天是2017年3月24日,点击左边按钮只能切换到2016年12月1日左按钮不能再点击,点击右边按钮只能切换到当前日期的前一天右按钮不能再点击)具体js代码如下:

      var today = new Date();  获取当前日期

      var year = today.getFullYear();  

      var month = today.getMonth()+1;

      var day = today.getDate();

      var m = month;      

     var y =year;      

     var d =day;      

     var arrmonth = new Array([0],[31],[28],[31], [30], [31], [30], [31], [31], [30],[31], [30], [31]);      

     if (year % 4 == 0 && year % 100 != 0) {            arrmonth[2] = 29;        }        

    var value = year+"."+month+"."+day;        

    $('.time-num').html(value);      

     //  获取前三个月的日期        

    var beforeThreeMonth;        

    function getThreeMonth(m){            

    switch(m)            

    {              

    case 1:              

    case 2:              

    case 3:                  

    beforeThreeMonth = m+10;                  

    if(beforeThreeMonth==13){                      

    beforeThreeMonth=1;                  

    }                  

    break;            

    default:                  

    beforeThreeMonth = m-2;                  

    break;            

    }            

    return beforeThreeMonth;        

    }      

     // 点击左边按钮时进行日期判断      

     function datel(){            

    if(day-1==0){

                       // 判断月份是否为一月                

    if(month-1==0){                  

     year -= 1;                  

     month = 12;                

    }else{

     month -=1;                

    }                

    day = arrmonth[month];            

    }else{

                       day=day-1;            

    }            

    value = year+"."+month+"."+day;            

    $('.time-num').html(value);

           }      

     // 点击右边按钮时进行日期判断        

    function dater(){

    if(day+1>arrmonth[month]){                

    if(month+1==13){                    

    year=year+1;                    

    month=1;                

    }else{                    

    month=month+1;              

     }                

    day = 1;          

    }else{                

    day=day+1;            

    }            

    value = year+"."+month+"."+day;          

     $('.time-num').html(value);      

     }        

    // 点击事件            

    $('.time-cont .left').on('click',function(){              

     getThreeMonth(m);                

    if(month == beforeThreeMonth&&day==1){                  

    return false;                

    }else{                    

    datel();              

     }            

    })          

     $('.time-cont .right').on('click',function(mon){              

     var mon = m;                

    if(month==mon&&d==day){                    

    return false;                

    }else{                  

     dater();                

    }            

    })    

    }

  • 相关阅读:
    教你如何用Meterpreter渗透Win系统
    Maven 自动打包上传到私服 Nexus
    从同事的一个提问想到的学习途径
    SAS学习笔记之《SAS编程与数据挖掘商业案例》(1)系统简介和编程基础
    StackOverflowError&OutOfMemoryError区别
    优先使用TimeUnit类中的sleep()
    Java 开源博客 Solo 1.3.0 发布
    Java 开源博客 Solo 1.3.0 发布
    Cleanup failed to process the following paths错误的解决
    Java&Xml教程(六)使用JDOM解析XML文件
  • 原文地址:https://www.cnblogs.com/sunnychen/p/6612860.html
Copyright © 2011-2022 走看看