亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

jQuery聯(lián)動日歷的實例解析

 更新時間：2016年12月02日 15:33:47   作者：船長op  
本篇文章主要對jQuery聯(lián)動日歷的實例進行解析說明。有興趣的朋友可以下載源碼調(diào)試運行試試看，希望對大家有所幫助

一、要實現(xiàn)的功能：

　　1.點擊上面的箭頭，切換至上一個月，或下一個月，并且是聯(lián)動的。

　　2.只要不是現(xiàn)實中的當月，那么顯示的日期，都是灰色底。

二、分析：

　　1.當我們點擊切換日期的箭頭時，要改變頂部藍色的年份和日期。

　　2.當我們點擊切換日期的箭頭時，下面TD的日期也要和上面顯示的月份對應(yīng)起來。

　　3.用一個判斷，是否現(xiàn)實中的當月，來控制TD的背景色，是否為灰色

DEMO下載

//點擊更新前一個月
 $(".pre").live("click",function(){
  nowTitleDateM--;
  if(nowTitleDateM == 11){
    nowLastM = nowTitleDateM-1
    nextTitleDateY--
    nextTitleDateM = nowTitleDateM+1
    nextLastM = 1
  }else if(nowTitleDateM == 0){
    nowTitleDateY--
    nowTitleDateM = 12;
    nowLastM = nowTitleDateM-1;
    nextTitleDateM = 1;
    nextLastM = nextTitleDateM+1
  }else if(nowTitleDateM == 1){
    nowLastM = 12;
    nextTitleDateM = nowTitleDateM+1
    nextLastM = nextTitleDateM+1
  }else{
    nowLastM = nowTitleDateM-1
    nextTitleDateM = nowTitleDateM+1
    nextLastM = nextTitleDateM+1
  }  
  //天數(shù)和存放位置
  update(); 
  //插入到日期數(shù)的TD當中     
  insertTd();  
  //更新日期標題
  updateTitle();
 })
 //點擊下一個月
$(".next").live("click",function(){
 nowTitleDateM++;
 if(nowTitleDateM == 12){
   nowLastM = nowTitleDateM-1
   nextTitleDateY++
   nextTitleDateM = 1
   nextLastM = nextTitleDateM+1
 }else if(nowTitleDateM == 11){
   nowLastM = nowTitleDateM-1
   nextTitleDateM = nowTitleDateM+1
   nextLastM = 1
 }else if(nowTitleDateM == 13){
   nowTitleDateY++
   nowTitleDateM = 1;
   nowLastM = 12;
   nextTitleDateM = nowTitleDateM+1;
   nextLastM = nextTitleDateM+1
 }else if(nowTitleDateM == 1){
   nowLastM = 12;
   nextTitleDateM = nowTitleDateM+1
   nextLastM = nextTitleDateM+1
 }else{
   nowLastM = nowTitleDateM-1
   nextTitleDateM = nowTitleDateM+1
   nextLastM = nextTitleDateM+1
 }   
  //天數(shù)和存放位置
  update(); 
  //插入到日期數(shù)的TD當中     
  insertTd();
  //更新日期標題
  updateTitle();
 })

以上就是本文的全部內(nèi)容，希望對大家有所幫助，謝謝對腳本之家的支持！

您可能感興趣的文章:

相關(guān)文章

最新評論