狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

一、JCalendar構造函數

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

二、實例方法

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

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

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

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

三、靜態方法

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

當然，用戶可以自己定義自己的日歷樣式，下面是樣式的說明，同時也給出了本人的寫的樣式：
#calendar_container {/ *日歷容器，是一個絕對定位的DIV，在日歷作為輸入控件時才有用。作為文本框輸入控件時必須定義這個樣式，而且一定要定義寬度 */
width:160px;
border:1px solid #06C;
}
#calendar {/*日歷表格樣式，對應的是一個<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 {/*鼠標經過單元格時，顯示樣式*/
background-color:#CCC;
}
#calendar .keydate {/*關鍵天顯示樣式*/
color:#06F;
}

例子一：文本框輸入控件

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

例子二：網站頁面普通的日歷

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

看你能不能擋住我