亚洲精品久久久蜜桃,色呦呦视频在线观看,久草在线综合

一個(gè)相當(dāng)帥的日歷時(shí)間面板

深山行者個(gè)人網(wǎng)站 2009/7/23 22:12:17 深山行者字體:大中小瀏覽 7267

以下為詳細(xì)代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> 一個(gè)相當(dāng)帥的日歷時(shí)間面板 </title>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<style type="text/css">
body {
	font-family:"宋體", sans-serif;
	font-size:12px;
	margin:0;
}
img {
	border:0px;
}

/*統(tǒng)一設(shè)定ul ,li樣式*/
ul , li {
	margin:0;
	padding:0;
	list-style:none;
}

li {
	line-height:21px;
}

/*單元格視圖樣式*/
#content {
	width:750px;
	margin:0 auto;
	border-left: 1px solid #CCDDEE;
}
#content .weekTitle {
	color:#53504D;
	background:#F1FFE3;
	height:20px;
	border-bottom: 1px solid #B8E78B;
}
#content .weekTitle td {
	text-align:center;
}
#content #render {
	color:#6A6A6B;
}
#content #render td {
	height:90px;
	vertical-align: top;
	border-right: 1px solid #CCDDEE;
	border-bottom: 1px solid #CCDDEE;
}
.dayStyle {
	color:#6A6A6B;
	padding-right:2px;
	padding-top:2px;
	height:15px;
	background:#E8EEF7;
	text-align:right;
	display:block;
}
.currDay {
	background:#FFFFCC;
}
.disableText {
	color:#BABDC4;
}
</style>

/**************************************************
* * 根據(jù)class屬性返回對(duì)象
* * 2008-6-22
* **************************************************
* * msn:danxinju@hotmail.com
* * author:淡新舉
***************************************************/	
var getElementsByClassName = function(className){
	var alls = document.getElementsByTagName("*");
	var rets = new Array();

for (var i=0;i<alls.length ; i++)
	{
		if (alls[i].className == className)
		{
			rets.push(alls[i]);
		}
	}

return rets;
};

var Calendar = {
	model:function(){} ,
	controller:function(){} ,
	view:function(){}
};

//視圖層
Calendar.view = function(){
	this.currDate = new Date();
	this.tds = null;
	this.days = null;

this.backNode = null;
	this.disableDays = new Array();
};

//根據(jù)年份返回每月天數(shù)
Calendar.view.getMonthDays = function(year){
	var feb = (year % 4 == 0)? 29:28; 
	return new Array(31, feb , 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
};

//初始化
Calendar.view.prototype.init = function(){
	this.setCurrMonth(new Date().getFullYear() ,new Date().getMonth());
	this.addEventForTd();
};

//為單元格注冊(cè)事件
Calendar.view.prototype.addEventForTd = function(){
	for (var i=0;i<this.tds.length ;i++ )
	{
		this.tds[i].onclick = function(){
			var arr = this.getAttribute("dateValue").split("-");
			//alert(arr)
			alert(arr[0] +"-"+ (parseInt(arr[1])+1) +"-"+ arr[2]);
		};
	}
};

//設(shè)定當(dāng)前版面
Calendar.view.prototype.setCurrMonth = function(y ,m){

this.currDate.setFullYear(y);
	this.currDate.setMonth(m);
	this.currDate.setDate(1);
	
	this.loadDaysByMonth(y ,m);
};

//標(biāo)示當(dāng)前天
Calendar.view.prototype.markCurrDate = function(bDay ,eDay){
	var temp = new Date();
	if (this.currDate.getFullYear() == temp.getFullYear() 
						&& this.currDate.getMonth() == temp.getMonth())
	{
		for (var i=bDay;i<eDay ;i++ )
		{
			if (this.tds[i].getAttribute("dateValue").split("-")[2] == temp.getDate())
			{
				if (this.backNode)
				{
					this.backNode.className = "";
				}
				this.tds[i].className = "currDay";
				this.backNode = this.tds[i];
				return false;
			}
		}
	}
};

//復(fù)位版面狀態(tài)
Calendar.view.prototype.reInState = function(){
	this.tds[35].parentNode.style.display = "none";
	if (this.backNode)
	{
		this.backNode.className = "";
	}
	for (var i=0;i<this.disableDays.length ;i++ )
	{
		this.disableDays[i].className = "dayStyle";
	}
	this.disableDays.length = 0;
};

//根據(jù)年月加載當(dāng)前視圖
Calendar.view.prototype.loadDaysByMonth = function(y ,m){
	y = parseInt(y) ,m = parseInt(m);
	this.reInState();	//復(fù)位版面狀態(tài)

//參數(shù)定位
	var beginDay = this.currDate.getDay();
	var _m = (m == 0)?11 : (m-1);
	var m_ = (m == 11)?0 : (m+1);
	var _y = (m == 0)?(y-1) : y;
	var y_ = (m == 11)?(y+1) : y;
	
	var prevMonthDays = Calendar.view.getMonthDays(_y)[_m];
	var currMonthDays = Calendar.view.getMonthDays(y)[m];
	var prevFlag = prevMonthDays - beginDay + 1 ,currFlag = 1 ,nextFlag = 1;

//加載上月信息
	for (var i=0;i<beginDay ;i++ )
	{
		this.tds[i].setAttribute("dateValue" ,_y +"-"+ _m +"-"+ prevFlag);
		this.days[i].innerHTML = prevFlag;
		this.days[i].className = "dayStyle disableText";
		this.disableDays.push(this.days[i]);
		prevFlag++;
	}
	
	//加載當(dāng)月信息
	for (var i=beginDay;i<currMonthDays+beginDay ;i++ )
	{
		this.tds[i].setAttribute("dateValue" ,y +"-"+ m +"-"+ currFlag);
		this.days[i].innerHTML = currFlag;
		currFlag++;
	}
	
	//加載下月信息
	for (var i=currMonthDays+beginDay;i<this.days.length ;i++ )
	{
		this.tds[i].setAttribute("dateValue" ,y_ +"-"+ m_ +"-"+ nextFlag);
		this.days[i].innerHTML = nextFlag;
		this.days[i].className = "dayStyle disableText";
		this.disableDays.push(this.days[i]);
		nextFlag++;
	}
	
	//若當(dāng)月數(shù)據(jù)顯示到第7行，那么顯示它
	if (this.tds[35].getAttribute("dateValue"))
	{
		if (this.tds[35].getAttribute("dateValue").split("-")[2] > 20)
		{
			this.tds[35].parentNode.style.display = "";
		}
	}

//標(biāo)示當(dāng)前天
	this.markCurrDate(beginDay ,currMonthDays+beginDay);
};

window.onload = function(){
	view = new Calendar.view();
	view.tds = document.getElementById("render").getElementsByTagName("td");
	view.days = getElementsByClassName("dayStyle");
	view.init();
	
	
	document.getElementById("testButton").onclick = function(){
		view.setCurrMonth(document.getElementById("testYear").value
							,document.getElementById("testMonth").value);
	};
};

//]]>
</script>
</head>
<body>

</body>
</html>

前一頁(yè):求實(shí)時(shí)獲取兩個(gè)input日期型值的差

后一頁(yè):javascript時(shí)間顯示01

相關(guān)閱讀: 右擊把當(dāng)前頁(yè)面添加到當(dāng)?shù)厥詹貖A; 絕對(duì)超酷的JS顏色板; 深山留言板V2.1 Build 090620; 深山留言板系統(tǒng) v3.5; ASP導(dǎo)出WORD或Excel文檔(比較另類(lèi)，而且超級(jí)強(qiáng)的。); sql語(yǔ)句中怎么按照in語(yǔ)句里的id原有的順序進(jìn)行排序輸出,可以做成瀏覽記錄、查看、觀看記錄; 刪除程序頁(yè)面代碼中的注釋標(biāo)簽; 深山留言板母親節(jié)效果

共有0條關(guān)于《一個(gè)相當(dāng)帥的日歷時(shí)間面板》的評(píng)論: 發(fā)表評(píng)論

正在加載評(píng)論......

返回頂部發(fā)表評(píng)論

呢稱(chēng):
表情:
內(nèi) 容:	評(píng)論內(nèi)容:不能超過(guò) 1000 字,需審核,請(qǐng)自覺(jué)遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。
驗(yàn)證碼:

網(wǎng)友評(píng)論聲明,請(qǐng)自覺(jué)遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。

您發(fā)布的評(píng)論即表示同意遵守以下條款:
一、不得利用本站危害國(guó)家安全、泄露國(guó)家秘密,不得侵犯國(guó)家、社會(huì)、集體和公民的合法權(quán)益;
二、不得發(fā)布國(guó)家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對(duì)自己在本站的言論和行為負(fù)責(zé);
三、本站對(duì)您所發(fā)布內(nèi)容擁有處置權(quán)。

更多信息>>欄目類(lèi)別選擇: 百度小程序開(kāi)發(fā); 微信小程序開(kāi)發(fā); 微信公眾號(hào)開(kāi)發(fā); uni-app; asp函數(shù)庫(kù); ASP; DIV+CSS; HTML; python

更多>>同類(lèi)信息: 利用JavaScript獲取現(xiàn)在時(shí)間日期與農(nóng)歷; 另外的一種可以計(jì)算的倒計(jì)時(shí)效果; 非常酷的javascript實(shí)現(xiàn)萬(wàn)年歷功能; 黑色的非常酷的簡(jiǎn)單JavaScript日歷及說(shuō)明; 特別簡(jiǎn)潔的簡(jiǎn)單JavaScript日歷及說(shuō)明; 可以用于考試系統(tǒng)中試卷上交的javascript倒計(jì)時(shí)

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動(dòng)端自動(dòng)化測(cè)試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車(chē)帝小程序; javascript獲取瀏覽器指紋可以用來(lái)做投票; 火狐Mozilla Firefox出現(xiàn)：無(wú)法載入您的Firefox配置文件它可能已經(jīng)丟失或是無(wú)法訪問(wèn) 問(wèn)題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過(guò)代碼修改pip下載源讓下載庫(kù)飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機(jī)抽取信息: 仿mop分頁(yè)代碼; 01. windows xp 安裝iis視頻教程; CSS完美兼容IE6/IE7/FF的通用方法; uni-app基礎(chǔ)知識(shí)事件傳參（動(dòng)態(tài)參數(shù)演示）; CSS分頁(yè)符代碼01; css優(yōu)先級(jí)的例子

更多標(biāo)簽熱門(mén)標(biāo)簽

text 圖片上傳光標(biāo) loading 參數(shù) 翻轉(zhuǎn) 分頁(yè) 個(gè)人替換告 weatherxml 逗號(hào) 凹陷數(shù)字鎯 margin 頁(yè)面 PSD 獲取愛(ài)國(guó) 代碼跳轉(zhuǎn) 設(shè)置市 optgroup 全選柱狀圖 adobe DIV+CSS做的透明菜單兼容IE、FF等 sel 框過(guò)濾 email 表達(dá) DW 高度下載漢字屏幕超出文章事務(wù) 文字垂直居中搜索清除 Abandon px JavaScript實(shí)現(xiàn)文本框提示效果左右 iframe 配色

能看的av_午夜黄色av_在线观看国产视频_天天爱综合_国产精品亚洲成在人线_日韩一

一個(gè)相當(dāng)帥的日歷時(shí)間面板