欧美成人精品手机在线观看_69视频国产_动漫精品第一页_日韩中文字幕网 - 日本欧美一区二区

一、JCalendar構(gòu)造函數(shù)

參數(shù)：
1、三個表示年月日的整數(shù)，比如：new JCalendar(2007-5-18)
2、一個表示年月日的字串，年月日之間以“-”隔開,比如new JCalendar("2007-5-18")
3、空。參數(shù)為空，日歷初始化為當前日期。

二、實例方法

1、toString()
得到解釋后的日歷的HTML代碼
參數(shù)：無
返回：解釋后的日歷的HTML代碼

2、setYears(first,last)
設(shè)置日歷年份下拉菜單的年份范圍
參數(shù)：
1、first 第一個年份界限
2、last 第二個年份界限
兩個參數(shù)順序可以顛倒

2、bind(obj_id,direction)
將日歷邦定到某個文框，當點擊該文本框的時候彈出日歷。
日歷的當前日期為文本框里的日期，如果文本框里有日期的話。否則就是當前日期
參數(shù):
1、obj_id：文本框的id
direction：控制日歷顯示的方向，[right|bottom]。可以為空，默認為right。
right-日歷顯示在文本框的右邊，bottom日歷顯示在文本框下面。

3、setKeyDate(Date_Array)
特別顯示關(guān)鍵天，典型例子：博客、網(wǎng)絡(luò)日志之類的日歷
實現(xiàn)原理，為每個關(guān)鍵天的表格單元添加一個class,名字為keydate,CSS樣式需要自己寫，比如加個背景之類的
參數(shù):
Date_Array:日期的數(shù)組，比如：[1,4,6,9]

三、靜態(tài)方法

多數(shù)靜態(tài)方法是控件內(nèi)部調(diào)用的，用戶不應(yīng)該調(diào)用。
但是有兩個方法用戶可以覆蓋，也是日歷為用戶提供的兩個事件：
1、JCalendar.onupdate:在日歷日期更新時觸發(fā)，用戶需要自己寫函數(shù)覆蓋默認函數(shù) 2、JCalendar.onclick:在日歷日期被點擊時觸發(fā)，用戶需要自己寫函數(shù)覆蓋默認函數(shù)。
[注意]用作文本框輸入控件時，不要覆蓋。

當然，用戶可以自己定義自己的日歷樣式，下面是樣式的說明，同時也給出了本人的寫的樣式：
#calendar_container {/ *日歷容器，是一個絕對定位的DIV，在日歷作為輸入控件時才有用。作為文本框輸入控件時必須定義這個樣式，而且一定要定義寬度 */
width:160px;
border:1px solid #06C;
}
#calendar {/*日歷表格樣式，對應(yīng)的是一個<table>標簽*/
border-collapse:collapse;
background-color:#FFF;
width:160px;
height:120px;
margin:0px auto;
cursor:default;
}
#calendar td {/*很明顯，這是一個表格單元*/
text-align:center;
vertical-align:middle;
font-family:"宋體";
}
#calendar thead {/*表格頭，也就是顯示日一二三四五六那行*/
background-color:#999;
color:#FFF;
}
#calendar caption {/*表格標題，也就是日歷的第一行，顯示年月的地方*/
background-color:#06C;
}
#calendar a{/*超鏈接樣式*/
color:#F90;
margin:0 5px;
text-decoration:none;
}
#calendar #prev_month,#calendar #next_month {/*點擊到上一個月，下一個月的兩個箭頭*/
font-size:18px;
margin:0;
}
#calendar #c_today {/*表格單元格當前天的樣式*/
background-color:#036;
color:#FFF;
}
#calendar .over {/*鼠標經(jīng)過單元格時，顯示樣式*/
background-color:#CCC;
}
#calendar .keydate {/*關(guān)鍵天顯示樣式*/
color:#06F;
}

例子一：文本框輸入控件

1、實例化JCalendar
2、調(diào)用JCalendar的實例方法bind邦定文本框，其中可以多次調(diào)用bind方法進行邦定多個文本框。
3、調(diào)用例子：
window.onload = function(){
var j = new JCalendar();
j.setYears(1990,2020);//設(shè)置年份下拉菜單范圍為1990年到2020年
j.bind('a',"bottom");
j.bind('b');
}

例子二：網(wǎng)站頁面普通的日歷

1、實例化JCalendar
2、根據(jù)需要調(diào)用實例方法setKeyDate來設(shè)置關(guān)鍵天的顯示，前提是定義好CSS樣式，別忘了，樣式是一個類，類名叫keydate
3、調(diào)用例子：
window.onload = function(){
var j = new JCalendar();
j.setYears(1990,2020);//設(shè)置年份下拉菜單范圍為1990年到2020年
j.setKeyDate([1,4,7,14,23,28]);//設(shè)置關(guān)鍵天
document.body.innerHTML = j.toString();
}
[注意]同一個頁面，不能也不會出現(xiàn)兩個以上實例（因為程序限制了^_^），即不能同時作為普通日歷和輸入控件用。
主要原因是用到了很多靜態(tài)方法。

看你能不能擋住我