js隨筆 日曆的簡單實現（無css）

第一步，html

第二步，js

分析：

//初始化日曆表（設定表頭）

var setcalendartop=function()

//顯示表頭日期

var settopdate=function(year,month,today)

//返回指定年月的第一天是星期幾

var firstweek = function(year,month)

//閏年判斷

var isleapyear=function(year)
return false;
}

//返回指定年月的天數

var monthdays=function(year,month)
}

//日曆表行數

var getcalrow=function(days,firstday)

//顯示日曆表

var showcalendar=function(year,month,today)
var days=monthdays(year,month);//得到指定年月的天數
var row_num=getcalrow(days,firstday);//日曆表行數
var cal_show=document.getelementbyid("cal_show");//獲取日曆table容器
var day_count=1;//初始化第一天
for(var i=0;i";
continue;
}elseelse
}//第二行以及之後
}elseelse
}day_count++;
//最後一行空格
}else
}	}}

//載入網頁後自動載入日曆

setcalendartop();//設定日曆表頭
var year = date.getfullyear();//getyear一些瀏覽器2018返回為118,應用getfullyear
var month = date.getmonth() + 1;//得到的月份是從0開始的
var today = date.getdate();
showcalendar(year, month, today);
//查詢上一月日曆
//...
//查詢下一月日曆
//...

//清空日曆資料

var emptycalendar=function()
showcalendar(year,month,today);//today為全域性變數
}//查詢下一月日曆

//查詢下一月日曆

document.getelementbyid("cal_top_next").onclick = function() 
showcalendar(year, month, today);
}

$(document).ready(function() 

showcalendar(year, month, today);
}		//下一月事件
document.getelementbyid("cal_top_next").onclick = function() 
showcalendar(year, month, today);
}	});
//初始化日曆表（設定表頭）
var setcalendartop = function() 
//顯示表頭日期
var settopdate = function(year, month, today) 
//閏年判斷
var isleapyear = function(year) 
return false;
}//返回指定年月的第一天是星期幾
var firstweek = function(year,month)
//返回指定年月的天數
var monthdays=function(year,month)
}//清空日曆資料
var emptycalendar=function()elseelse
}//第二行以及之後
}elseelse
}day_count++;
}else
}	}}

js實現簡單的日曆

最終效果 我先寫了乙個js檔案,方便呼叫裡面的函式,內容如下 此函式使時間按照指定的字串樣式輸出 date是當前的系統時間 function dateformat date,str 獲取當前月份一共有多少天 function getdays date 獲取當月第一天是星期幾 function fir...

js實現日曆的簡單演算法

最近有用到日曆可需要編輯文字的日曆，為了繫結資料的方便，所以用js寫了一套日曆，其實思想也是很簡單。實現步驟如下 1 首先取得處理月的總天數 js不提供此引數，我們需要計算。考慮到閏年問題會影響二月份的天數，我們先編寫乙個判斷閏年的自編函式 function is leap year 2 接著定義乙...

iSO簡單的日曆實現

簡單的日曆實現 其中 firstday inmonth 代表本月的第一天尾星期幾 allday inmonth 代表本月一共有幾天 星期 nsarray array nsarray arraywithobjects 日 一 二 三 四 五 六 nil for int i 0 i 7 i 日期 for...