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

時間 2021-08-30 11:06:19

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如何實現點選導航欄後相應導航欄實現選中效果的切換

原因 你點選左側選單,整個頁面被重新整理了,從而始終第乙個被選中方法一 點選左側選單的時候,順便把引數帶過去到後台,然後從後台返回,獲取引數,你就知道是點選了哪個然後再進行你的第二種設定。方法二 利用jquery的ajax,無重新整理跳轉獲取資料 這個要用到iframe,樣式就自己設定啦,例如左邊對...

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

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

js怎麼實現核取方塊樹形選單勾選父節點,子節點全部勾選。子節點勾選,父節點不勾選

聲笑旋 提供一種方案 首先你要構建這個選單的樹結構,每個選單的節點物件至少有以一的屬性和方法。a value 0 未選取 1 選取 b parentnode 父選單節點物件 c childnodes 子選單物件陣列.d checkallchilds 檢查所以孩子,如果全部的子節點為false,則 t...