日期 時(shí)間js控件
2024-05-06 14:15:33
供稿：網(wǎng)友
代碼如下:
<script language="JavaScript">
/**//**
*本日歷選擇控件由tiannet根據(jù)前人經(jīng)驗(yàn)完善而得。大部分代碼來(lái)自meizz的日歷控件。
*tiannet添加了時(shí)間選擇功能、select,object標(biāo)簽隱藏功能，還有其它小功能。
*使用方法：
* (1)只選擇日期 <input type="text" name="date" readOnly onClick="setDay(this);">
* (2)選擇日期和小時(shí) <input type="text" name="dateh" readOnly onClick="setDayH(this);">
* (3)選擇日期和小時(shí)及分鐘 <input type="text" name="datehm" readOnly onClick="setDayHM(this);">
*設(shè)置參數(shù)的方法
* (1)設(shè)置日期分隔符 setDateSplit(strSplit);默認(rèn)為"-"
* (2)設(shè)置日期與時(shí)間之間的分隔符 setDateTimeSplit(strSplit);默認(rèn)為" "
* (3)設(shè)置時(shí)間分隔符 setTimeSplit(strSplit);默認(rèn)為":"
* (4)設(shè)置(1),(2),(3)中的分隔符 setSplit(strDateSplit,strDateTimeSplit,strTimeSplit);
* (5)設(shè)置開(kāi)始和結(jié)束年份 setYearPeriod(intDateBeg,intDateEnd)
*說(shuō)明：
* 默認(rèn)返回的日期時(shí)間格式如同：2005-02-02 08:08
*/
//------------------ 樣式定義 ---------------------------//
//功能按鈕同樣樣式
var s_tiannet_turn_base = "height:16px;font-size:9pt;color:white;border:0 solid #CCCCCC;cursor:hand;background-color:#2650A6;";
//翻年、月等的按鈕
var s_tiannet_turn = "width:28px;" + s_tiannet_turn_base;
//關(guān)閉、清空等按鈕樣式
var s_tiannet_turn2 = "width:22px;" + s_tiannet_turn_base;
//年選擇下拉框
var s_tiannet_select = "width:64px;display:none;";
//月、時(shí)、分選擇下拉框
var s_tiannet_select2 = "width:46px;display:none;";
//日期選擇控件體的樣式
var s_tiannet_body = "width:150;background-color:#2650A6;display:none;z-index:9998;position:absolute;" +
"border-left:1 solid #CCCCCC;border-top:1 solid #CCCCCC;border-right:1 solid #999999;border-bottom:1 solid #999999;";
//顯示日的td的樣式
var s_tiannet_day = "width:21px;height:20px;background-color:#D8F0FC;font-size:10pt;";
//字體樣式
var s_tiannet_font = "color:#FFCC00;font-size:9pt;cursor:hand;";
//鏈接的樣式
var s_tiannet_link = "text-decoration:none;font-size:9pt;color:#2650A6;";
//橫線
var s_tiannet_line = "border-bottom:1 solid #6699CC";
//------------------ 變量定義 ---------------------------//
var tiannetYearSt = 1950;//可選擇的開(kāi)始年份
var tiannetYearEnd = 2010;//可選擇的結(jié)束年份
var tiannetDateNow = new Date();
var tiannetYear = tiannetDateNow.getFullYear(); //定義年的變量的初始值
var tiannetMonth = tiannetDateNow.getMonth()+1; //定義月的變量的初始值
var tiannetDay = tiannetDateNow.getDate();
var tiannetHour = 8;//tiannetDateNow.getHours();
var tiannetMinute = 0;//tiannetDateNow.getMinutes();
var tiannetArrDay=new Array(42); //定義寫(xiě)日期的數(shù)組
var tiannetDateSplit = "-"; //日期的分隔符號(hào)
var tiannetDateTimeSplit = " "; //日期與時(shí)間之間的分隔符
