公交车上荫蒂添的好舒服的电影-公用玩物(np双xing总受)-公用小荡货芊芊-公与妇仑乱hd-攻把受做哭边走边肉楼梯play-古装一级淫片a免费播放口

LOGO OA教程 ERP教程 模切知識交流 PMS教程 CRM教程 開發(fā)文檔 其他文檔  
 
網(wǎng)站管理員

JCalendar日歷控件

admin
2010年10月24日 19:1 本文熱度 3586
[code] 無憂WEB技術(shù)網(wǎng)-JCalendar 日歷控件 v1.0 beta
接口說明

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

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

二、實例方法

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

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

2、bind(obj_id,direction)
將日歷邦定到某個文框,當(dāng)點擊該文本框的時候彈出日歷。
日歷的當(dāng)前日期為文本框里的日期,如果文本框里有日期的話。否則就是當(dāng)前日期
參數(shù):
1、obj_id:文本框的id
direction:控制日歷顯示的方向,[right|bottom]。可以為空,默認(rèn)為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ù)覆蓋默認(rèn)函數(shù) 2、JCalendar.onclick:在日歷日期被點擊時觸發(fā),用戶需要自己寫函數(shù)覆蓋默認(rèn)函數(shù)。
[注意]用作文本框輸入控件時,不要覆蓋。

當(dāng)然,用戶可以自己定義自己的日歷樣式,下面是樣式的說明,同時也給出了本人的寫的樣式:
#calendar_container {/ *日歷容器,是一個絕對定位的DIV,在日歷作為輸入控件時才有用。作為文本框輸入控件時必須定義這個樣式,而且一定要定義寬度 */
width:160px;
border:1px solid #06C;
}
#calendar {/*日歷表格樣式,對應(yīng)的是一個<table>標(biāo)簽*/
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 {/*表格標(biāo)題,也就是日歷的第一行,顯示年月的地方*/
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 {/*表格單元格當(dāng)前天的樣式*/
background-color:#036;
color:#FFF;
}
#calendar .over {/*鼠標(biāo)經(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)方法。

一個作為輸入控件的例子

 

 

 

 

[/code]

該文章在 2010/10/24 19:01:46 編輯過
關(guān)鍵字查詢
相關(guān)文章
正在查詢...
點晴ERP是一款針對中小制造業(yè)的專業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國內(nèi)大量中小企業(yè)的青睞。
點晴PMS碼頭管理系統(tǒng)主要針對港口碼頭集裝箱與散貨日常運作、調(diào)度、堆場、車隊、財務(wù)費用、相關(guān)報表等業(yè)務(wù)管理,結(jié)合碼頭的業(yè)務(wù)特點,圍繞調(diào)度、堆場作業(yè)而開發(fā)的。集技術(shù)的先進性、管理的有效性于一體,是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。
點晴WMS倉儲管理系統(tǒng)提供了貨物產(chǎn)品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質(zhì)期管理,貨位管理,庫位管理,生產(chǎn)管理,WMS管理系統(tǒng),標(biāo)簽打印,條形碼,二維碼管理,批號管理軟件。
點晴免費OA是一款軟件和通用服務(wù)都免費,不限功能、不限時間、不限用戶的免費OA協(xié)同辦公管理系統(tǒng)。
Copyright 2010-2025 ClickSun All Rights Reserved

主站蜘蛛池模板: 国产午夜无码喷水福利在线观看 | 91精品一区二区 | 国产av美女18网站 | 国产熟女高潮一区二区三区 | 国产日韩精品无码区免费专区国产 | 韩国黄色片免费在线观看 | 成人欧美日韩高清不卡 | 高潮又黄又爽又无遮挡又免费视频 | 福利一区二区在线观看 | 国产精品高清一区二区三区久久 | 成人在线视频免费观看 | 国产精品成人一二三区 | 国产av午夜精品一区二区 | 91精品在线观看视频 | 成人黄色国产在线播放 | 国产精品免费久久久久影院小说 | 国产三级高清午夜羞羞视频 | 丰满岳乱妇在线观看中字无码 | 国产精品日韩在线播放 | 国产成人午夜无码电影在线观看 | 国产成人a视频高清在线观看 | 精品一级片内射视频播91视频 | 91午夜成人影院在线观看 | 国产精品爽爽v在线 | 91探花福 | 国产无码av不卡免费在线观看 | 国产专区视频在线12 | 丰满岳乱妇一区 | 国产综合自拍三级欧美a色 国产综合自在线另类 | 国产超薄肉丝袜在线播放 | 爆乳护士hd完整版在线播放 | 91免费国产 | 动漫成年美女黄漫网站小视频 | 国产91最新欧美在线 | 国产在线无码制服丝袜无码知名国 | 国产人妖ts视频在线观看 | 国产三级精品三级男人的 | 精品午夜国产人人福利一区 | 国产夫妻一区二区 | 国产精品无码无卡毛片不卡视 | 国产自拍精品在线观看 |