欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery聯(lián)動(dòng)日歷的實(shí)例解析

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

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

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

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

二、分析：

　　1.當(dāng)我們點(diǎn)擊切換日期的箭頭時(shí)，要改變頂部藍(lán)色的年份和日期。

　　2.當(dāng)我們點(diǎn)擊切換日期的箭頭時(shí)，下面TD的日期也要和上面顯示的月份對(duì)應(yīng)起來(lái)。

　　3.用一個(gè)判斷，是否現(xiàn)實(shí)中的當(dāng)月，來(lái)控制TD的背景色，是否為灰色

DEMO下載

//點(diǎn)擊更新前一個(gè)月
 $(".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當(dāng)中     
  insertTd();  
  //更新日期標(biāo)題
  updateTitle();
 })
 //點(diǎn)擊下一個(gè)月
$(".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當(dāng)中     
  insertTd();
  //更新日期標(biāo)題
  updateTitle();
 })

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

相關(guān)文章

最新評(píng)論