請問js如何實現這樣時間選擇聯動效果

時間 2021-08-30 11:07:35

1樓:

**太長了,你留個郵箱給我,我發給你

以下是部分**

/**//**

*tiannet新增了時間選擇功能、select,object標籤隱藏功能,還有其它小功能。

*使用方法:

* (1)只選擇日期

* (2)選擇日期和小時

* (3)選擇日期和小時及分鐘

*設定引數的方法

* (1)設定日期分隔符 setdatesplit(strsplit);預設為"-"

* (2)設定日期與時間之間的分隔符 setdatetimesplit(strsplit);預設為" "

* (3)設定時間分隔符 settimesplit(strsplit);預設為":"

* (4)設定(1),(2),(3)中的分隔符 setsplit(strdatesplit,strdatetimesplit,strtimesplit);

* (5)設定開始和結束年份 setyearperiod(intdatebeg,intdateend)

*說明:

* 預設返回的日期時間格式如同: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;

//關閉、清空等按鈕樣式

var s_tiannet_turn2 = "width:22px;" + s_tiannet_turn_base;

//年選擇下拉框

var s_tiannet_select = "width:64px;display:none;";

//月、時、分選擇下拉框

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;//可選擇的開始年份

var tiannetyearend = 2010;//可選擇的結束年份

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); //定義寫日期的陣列

var tiannetdatesplit = "-"; //日期的分隔符號

var tiannetdatetimesplit = " "; //日期與時間之間的分隔符

var tiannettimesplit = ":"; //時間的分隔符號

var tiannetoutobject; //接收日期時間的物件

var arrtiannethide = new array();//被強制隱藏的標籤

var m_bolshowhour = false;//是否顯示小時

var m_bolshowminute = false;//是否顯示分鐘

var m_amonhead = new array(12); //定義陽曆中每個月的最大天數

m_amonhead[0] = 31; m_amonhead[1] = 28; m_amonhead[2] = 31; m_amonhead[3] = 30; m_amonhead[4] = 31; m_amonhead[5] = 30;

m_amonhead[6] = 31; m_amonhead[7] = 31; m_amonhead[8] = 30; m_amonhead[9] = 31; m_amonhead[10] = 30; m_amonhead[11] = 31;

// ---------------------- 使用者可呼叫的函式 -----------------------------//

//使用者主調函式-只選擇日期

function setday(obj)

tiannetpopcalendar();

}//使用者主調函式-選擇日期和小時

function setdayh(obj)

tiannetpopcalendar();

}//使用者主調函式-選擇日期和小時及分鐘

function setdayhm(obj)

tiannetpopcalendar();

}//設定開始日期和結束日期

function setyearperiod(intdatebeg,intdateend)

//設定日期分隔符。預設為"-"

function setdatesplit(strdatesplit)

//設定日期與時間之間的分隔符。預設為" "

function setdatetimesplit(strdatetimesplit)

//設定時間分隔符。預設為":"

function settimesplit(strtimesplit)

//設定分隔符

function setsplit(strdatesplit,strdatetimesplit,strtimesplit)

//設定預設的日期。格式為:yyyy-mm-dd

function setdefaultdate(strdate)

//設定預設的時間。格式為:hh24:mi

2樓:

說的不是很清楚,是用js手動新增資料,然後實現聯動,還是從資料庫內取出資料後再實現聯動呢 。

js如何實現滑鼠模擬點選,javascript如何模擬滑鼠點選a便籤

自定義點選一次 j ascript如何模擬滑鼠點選a便籤 獲取a標籤元素,然後後面.click 即可.給個例子把 這裡是a標籤的名稱 點選開啟a標籤 直接用jquery就好了 vbtn click document.getelementbyid vbtn click js如何自動點選onclick ...

js如何實現submit的點選事件判斷是否觸發表單提交

97樂於助人 submit只是表單提交時的驗證事件,無法獲取提交是否成功return false阻止表單提交,自己寫ajax提交表單內容 submit function error function xhr return false 流浪家園 把你這個submit的type改為button,就不會直...

用js怎麼實現div顯示時間2秒後就自動消失

霜霜聊遊戲 使用settimeout 和hide settimeout 方法用於在指定的毫秒數後呼叫函式或計算表示式。hide 實現隱藏這個已經顯示的div。以下為使用settimeout 設定一個函式在2秒後執行 function 2000 擴充套件資料 show 如果被選元素已被隱藏,則顯示這些...