تصف هذه المقالة تأثير مربع اختيار الوقت الجميل لـ JS. شاركه للرجوع إليه ، على النحو التالي:
جزء رمز HTML:
<html> <script language = javaScript src = "dataOne.js"> </script> <table align = "center"> <td> <td> <body> (1) حدد تاريخ فقط <type type " onClick = "setdayh (this) ؛"> <br/> (3) حدد التاريخ والساعة والدقيقة <إدخال نوع = "text"
رمز DataOne.js:
/*** طريقة الاستخدام: * (1) حدد التاريخ فقط <إدخال type = "text" name = "date" readonly onClick = "Setday (this) ؛"> * (2) حدد التاريخ والساعة <إدخال type = "text" name = "dateh" readonly onClick = "setdayh (this) ؛" OnClick = "SetdayHm (this) ؛"> * طريقة تعيين المعلمات * (1) قم بتعيين SetDatesplit SetDatesplit (StrSplit) ؛ الافتراضي هو "-" * (2) تعيين الفاصل بين التاريخ والوقت setDateTimesPlit (strsplit) ؛ الافتراضي هو "" * (3) تعيين فاصل الوقت Setimesplit (strsplit) ؛ الافتراضي هو ":" * (4) اضبط الفاصل في (1) ، (2) ، (3) setSplit (strdatesplit ، strdateTimesplit ، strtimesplit) ؛ * (5) قم بتعيين Setyearperiod (intdatebeg ، intdateend) * الوصف: * تنسيق التاريخ والوقت الافتراضي هو كما يلي: 2005-02-02 08:08 */ ) "الارتفاع: 16px ؛ حجم الخط: 9pt ؛ اللون: أبيض ؛ الحدود: 0 الصلبة #cccccc ؛ المؤشر: اليد ؛ الخلفية اللون: #2650a6 ؛" ؛ // أزرار على مدار السنة ، الشهر ، إلخ. var s_tiannet_turn = "العرض: 28px ؛" + s_tiannet_turn_base ؛ // أغلق ، واضحة ، إلخ. أنماط الأزرار var s_tiannet_turn2 = "العرض: 22px ؛" + s_tiannet_turn_base ؛ . // حدد المربع المنسدلة للشهر والساعة والدقيقة var s_tiannet_select2 = "العرض: 46px ؛ عرض: none ؛" ؛ . + "Lorder-Left: 1 Solid #CCCC ؛ Top-Top: 1 Solid #CCCC ؛ Border-Right: 1 Solid #999999 ؛ Border-Bottom: 1 Solid #999999 ؛" ؛ // نمط TD الذي يظهر اليوم var s_tiannet_day = "العرض: 21px ؛ الارتفاع: 20px ؛ خلفية اللون:#d8f0fc ؛ font-size: 10pt ؛" ؛ // font style var s_tiannet_font = "color:#ffcc00 ؛ font-size: 9pt ؛ cursor: hand ؛" ؛ // Link Style var s_tiannet_link = "text-decoration: none ؛ font-size: 9pt ؛ color:#2650a6 ؛" ؛ // خط horily var s_tiannet_line = "border-bottom: 1 Solid #6699cc" ؛ // ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 2010 ؛ // end end year var tiannetdatenow = new date () ؛ var tiannetyear = tiannetdatenow.getlyear () ؛ // القيمة الأولية للمتغير المحدد var tiannetmonth = tiannetdatenow.getMonth ()+1 ؛ // القيمة الأولية للمتغير الشهر var tiannetday = tiannetdatenow.getDate () ؛ var tiannethour = 8 ؛ // tiannetdatenow.gethours () ؛ var tiannetminute = 0 ؛ // tiannetdatenow.getMinutes () ؛ var tiannetarrday = صفيف جديد (42) ؛ // Array التي تحدد تاريخ var tiannetdatesplit = "-" ؛ // Date Seplator var tiannetDateTimesPlit = "" ؛ // Date Separator var tiannettimesplit = ":" ؛ // فاصل الوقت var tiannetOutObject ؛ // الكائن الذي يتلقى تاريخ ووقت var arrtiannethide = new array () ؛ // التسمية التي يتم إجبارها على إخفاء var m_bolshowhour = false ؛ // هل الساعة var m_bolshowminute = false ؛ // ما إذا كان يجب عرض دقائق var m_amonhead = صفيف جديد (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 ؛ // --------------------------------------------------------------------------------- /// user main call function-حدد فقط دالة التاريخ setday (obj) {tiannetOutObject = obj ؛ // إذا كانت هناك قيمة في العلامة ، فقم بتهيئة التاريخ إلى القيمة الحالية var strvalue = tiannettrim (tiannetOutObject.value) ؛ if (strvalue! = "") {tiannetinitdate (strvalue) ؛ } tiannetpopcalendar () ؛ } // وظيفة المكالمة الرئيسية للمستخدم - حدد دالة التاريخ والساعة setDayH (OBJ) {tiannetOutObject = obj ؛ m_bolshowhour = صحيح ؛ // إذا كانت هناك قيمة في العلامة ، فسيتم تهيئة التاريخ والساعة إلى القيمة الحالية var strvalue = tiannettrim (tiannetOutObject.value) ؛ if (strvalue! = "") {tiannetinitdate (strvalue.substring (0،10)) ؛ var hour = strvalue.substring (11،13) ؛ إذا (الساعة <10) tiannethour = hour.substring (1،2) ؛ } tiannetpopcalendar () ؛ } // وظيفة المكالمات الرئيسية للمستخدم - حدد التاريخ والساعة والدقيقة setdayhm (obj) {tiannetOutObject = obj ؛ m_bolshowhour = صحيح ؛ m_bolshowminute = صحيح ؛ // إذا كانت هناك قيمة في العلامة ، فقم بتهيئة التاريخ والساعة والدقيقة إلى القيمة الحالية var strvalue = tiannettrim (tiannetOutObject.value) ؛ if (strvalue! = "") {tiannetinitdate (strvalue.substring (0،10)) ؛ var time = strvalue.substring (11،16) ؛ var arr = time.split (tiannettimesplit) ؛ tiannethour = arr [0] ؛ tiannetminute = arr [1] ؛ إذا (tiannethour <10) tiannethour = tiannethour.substring (1،2) ؛ if (tiannetminute <10) tiannetminute = tiannetminute.substring (1،2) ؛ } tiannetpopcalendar () ؛ } // قم بتعيين تاريخ البدء ودالة تاريخ الانتهاء setyearperiod (intdatebeg ، intdateend) {tiannetyearst = intdateBeg ؛ tiannetyearend = intdateend ؛ } // تعيين فاصل التاريخ. الافتراضي هو "-" setDatesPlit (strdatesplit) {tiannetdatesplit = strdatesplit ؛ } // اضبط الفاصل بين التاريخ والوقت. الافتراضي هو "" الدالة setDateTimesPlit (strDatEimsplit) {tiannetDateTimesPlit = strDateTimesPlit ؛ } // اضبط فاصل الوقت. الافتراضي هو: } // قم بتعيين SetSplit SetSplit (strdatesplit ، strDatimesplit ، strtimesplit) {tiannetdatesplit (strdatesplit) ؛ TiannetDateTimesPlit (StrDatimesplit) ؛ tiannettimesplit (strtimesplit) ؛ tiannettimesplit (strtimesplit) ؛ } // تعيين التاريخ الافتراضي. التنسيق هو: yyyy-mm-dd function setDefaultDate (strdate) {tiannetyear = strdate.substring (0،4) ؛ tiannetmonth = strdate.substring (5،7) ؛ tiannetday = strdate.substring (8،10) ؛ } // اضبط الوقت الافتراضي. التنسيق هو: hh24: mi function setDefaultTime (strime) {tiannethour = strimt.substring (0،2) ؛ tiannetminute = strtime.substring (3،5) ؛ }. style = "'+s_tiannet_body+'" style = "يتم تحسين هذا التحكم في اختيار التقويم بواسطة tiannet استنادًا إلى تجربة الأجيال السابقة!"> ') ؛ document.write ('<div align = "center" id = "divtiannetdateText" upluder = "tiannet" style = "padding-top: 2px ؛">') ؛ document.write ('<span id = "tiannetyearhead" uptor = "tiannet" style = "'+s_tiannet_font+'"'+'onClick = "spanyearcevent () ؛"> year </span>') ؛ document.write ('<select id = "seltianyear" style = "'+s_tiannet_select+'" effect = "tiannet"'+'onchange = "tiannetyear = this.value ؛ 'this.style.display =/' none/'؛ ">') ؛ لـ (var i = tiannetyearst ؛ i <= tiannetyearend ؛ i ++) {document.writeln ('<ortive value = "' + i + '">' + i + 'year </teptor>') ؛ } document.write ('</select>') ؛ document.write ('<span id = "tiannetmonthhead" uptor = "tiannet" style = "'+s_tiannet_font+'' ''+'onClick =" spanmonthcevent () ؛ "> month </span>') ؛ document.write ('<select id = "seltianmonth" style = "'+s_tiannet_select2+'" effect = "tiannet"'+'onchange = "tiannetmonth = this.value ؛ 'this.style.display =/' none/'؛ ">') ؛ لـ (var i = 1 ؛ i <= 12 ؛ i ++) {document.writeln ('<value value = "' + i + '">' + i + 'month </soph>') ؛ } document.write ('</select>') ؛ //document.write ('</div>') ؛ //document.write(' <div align = "center" id = "divtiannettimetext" effect = "tiannet"> ') ؛ document.write ('<span id = "tiannethourhead" upult = "tiannet" style = "'+s_tiannet_font+'display: none ؛"'+'onClick = "spanhourcevent () ؛" when </span>') ؛ document.write ('<select id = "seltianhour" style = "'+s_tiannet_select2+'display: none ؛" effect = "tiannet"'+'onChange = "tiannethour = this.value ؛ 'this.style.display =/' none/'؛ ">') ؛ لـ (var i = 0 ؛ i <= 23 ؛ i ++) {document.writeln ('<value value = "' + i + '">' + i + 'time </soph>') ؛ } document.write ('</select>') ؛ document.write ('<span id = "tiannetminutehead" uptor = "tiannet" style = "'+s_tiannet_font+'display: none ؛"'+'onClick = "spanminuteCevent () ؛"> point </span>) ؛ document.write ('<select id = "seltianminute" style = "'+s_tiannet_select2+'display: none ؛" upert = "tiannet"'+'onchange = "tiannetminute = this.value ؛ 'this.style.display =/' none/'؛ ">') ؛ لـ (var i = 0 ؛ i <= 59 ؛ i ++) {document.writeln ('<option value = "' + i + '">' + i + 'point </point>') ؛ } document.write ('</select>') ؛ document.write ('</div>') ؛ // إخراج مستند خط أفقي. write ('<div style = "'+s_tiannet_line+'"> </viv>') ؛ document.write ('<div align = "center" id = "divtiannetturn" style = "border: 0 ؛ document.write ('<input type = "button" style = "'+s_tiannet_turn+'" value = "year ↑" onClick = "tiannetprevyear () ؛">') ؛ document.write ('<input type = "button" style = "'+s_tiannet_turn+'" value = "year ↓" onClick = "tiannetnextyear () ؛">') ؛ document.write ('<input type = "button" style = "'+s_tiannet_turn+'" value = "year ↓" onClick = "tiannetnextyear () ؛">') ؛ document.write ('<input type = "button" style = "'+s_tiannet_turn+'" value = "month ↑" onClick = "tiannetprevmonth () ؛">') ؛ document.write ('<input type = "button" style = "'+s_tiannet_turn+'" value = "month ↓" onClick = "tiannetnextMonth () ؛">') ؛ document.write ('</div>') ؛ // إخراج مستند خط أفقي. write ('<div style = "'+s_tiannet_line+'"> </viv>') ؛ document.write ('<table border = 0 cellspacing = 0 cellpadding = 0 bgColor = white onSelectStart = "return false">') ؛ document.write ('<tr style = "background-color:#2650a6 ؛ font-size: 10pt ؛ color: white ؛ height: 22px ؛ لـ (var i = 0 ؛ i <weekname.length ؛ i ++) {// outputing dayday document.write ('<td align = "center" upult = "tiannet">' + weekname [i] + '</td>') ؛ } document.write ('</tr>') ؛ document.write ('</table>') ؛ // SELECT OF OUTPUT DAY DOCUNT.Write ('<table border = 0 cellpacing = 1 cellpadding = 0 bgColor = White onselectStart = "return false">') ؛ var n = 0 ؛ لـ (var i = 0 ؛ i <5 ؛ i ++) {document.write ('<tr align = center id = "trtiannetday' + i + '">') ؛ لـ (var j = 0 ؛ j <7 ؛ j ++) {document.write ('<td align = "center" id = "tdtiannetday' + n + '"' + 'onClick = "tiannetday = this.innertext ؛ tiannetsetvalue (true) ؛ n ++ ؛ } document.write ('<tr align = center id = "trtiannetday5">') ؛ document.write ('<td align = "center" id = "tdtiannetday35" onClick = "tiannetday = this.innertext ؛ tiannetsetvalue (true) ؛"' + 'style = "' + s_tiannet_day + '"> </td>) ؛ document.write ('<td align = "center" id = "tdtiannetday36" onClick = "tiannetday = this.innertext ؛ tiannetsetvalue (true) ؛"' + 'style = "' + s_tiannet_day + '"> </td>) ؛ document.write ('<td align = "right" colspan = "5"> <a href = "javaScript: tiannetclear () ؛" style = "' + s_tiannet_link + '"> clear </a>' + '<a href = "javaScript: tiannethidecontrol () ""> إغلاق </a> ' +' <a href = "javaScript: tiannetsetvalue (true) ؛" style = "' + s_tiannet_link +'"> ok </a> ' +' </td> ') ؛ document.write ('</tr>') ؛ document.write ('</table>') ؛ document.write ('</div>') ؛ //------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- spanYearCEvent(){ hideElementsById(new صفيف ("seltianyear" ، "tiannetmonthhead") ، خطأ) ؛ if (m_bolshowhour) HideElementsByid (صفيف جديد ("tiannethourhead") ، خطأ) ؛ if (m_bolshowminute) HideElementsById (صفيف جديد ("tiannetminutehead") ، خطأ) ؛ HideElementsByid (صفيف جديد ("tiannetyearhead" ، "seltianmonth" ، "seltianhour" ، "seltianminute") ، true) ؛ }. if (m_bolshowhour) HideElementsByid (صفيف جديد ("tiannethourhead") ، خطأ) ؛ if (m_bolshowminute) HideElementsById (صفيف جديد ("tiannetminutehead") ، خطأ) ؛ HideElementSbyid (صفيف جديد ("tiannetmonthhead" ، "seltianyear" ، "seltianhour" ، "seltianminute") ، true) ؛ }. if (m_bolshowhour) HideElementsById (صفيف جديد ("Seltianhour") ، خطأ) ؛ if (m_bolshowminute) HideElementsById (صفيف جديد ("tiannetminutehead") ، خطأ) ؛ HideElementSbyid (صفيف جديد ("tiannethourhead" ، "seltianyear" ، "seltianmonth" ، "seltianminute") ، true) ؛ }. if (m_bolshowhour) HideElementsByid (صفيف جديد ("tiannethourhead") ، خطأ) ؛ if (m_bolshowminute) HideElementsById (صفيف جديد ("seltianminute") ، خطأ) ؛ HideElementSbyid (صفيف جديد ("TiannetMinutehead" ، "Seltianyear" ، "Seltianmonth" ، "Seltianhour") ، True) ؛ } // إخفاء أو عرض وظيفة العلامة HideElementSbyId (arrid ، bolhide) {var strdisplay = "" ؛ إذا (bolhide) strdisplay = "none" ؛ لـ (var i = 0 ؛ i <arrid.length ؛ i ++) {var obj = document.getElementById (arrid [i]) ؛ obj.style.display = strdisplay ؛ }} . ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- if ((month == 2) && isPinyear (year)) c ++ ؛ العودة ج. } // إعادة تعيين اليوم الحالي. لمنع اليوم من أن يكون اليوم الحالي أكبر من الحد الأقصى لليوم الشهر الذي تم فيه انقلب العام أو انقلب الشهر. الوظيفة setRealDayCount () {if (tiannetday> getMonthCount (tiannetyear ، tiannetmonth)) {// إذا كان اليوم الحالي أكبر من يوم الشهر القصوى ، ثم يتم أخذ أقصى يوم من الشهر. tiannetday = getMonthCount (tiannetyear ، tiannetmonth) ؛ }} // إضافة صفر قبل دالة الأرقام المفردة addzero (value) {if (value <10) {value = "0" + value ؛ } قيمة الإرجاع ؛ } // استرداد وظيفة الفضاء tiannettrim (str) {return str.replace (/(^/s*) | (/s*$)/g ، "") ؛ } // إنشاء وظيفة خيار createOption (objselect ، القيمة ، النص) {var option = document.createElement ("Option") ؛ الخيار. القيمة = القيمة ؛ Option.text = text ؛ objselect.options.add (الخيار) ؛ }. // إذا كان العام أقل من الحد الأدنى للعام المسموح به ، فقم بإنشاء الخيار المقابل إذا كان (tiannetyear <tiannetyearst) {tiannetyearst = tiannetyear ؛ createOption (document.all.seltianyear ، tiannetyear ، tiannetyear + "year") ؛ } checkselect (document.all.seltianyear ، tiannetyear ، tiannetyear) ؛ tiannetwritehead () ؛ } // flip year function tiannetnextyear () {if (tiannetyear> 999 && tiannetyear <10000) {tiannetyear ++ ؛} else {Alert ("السنة خارج النطاق (1000-9999)!") ؛ عودة ؛} tiannetsetday (tiannetyear ، tiannetmonth) ؛ // إذا تجاوز العام الحد الأقصى للعام المسموح به ، فقم بإنشاء الخيار المقابل إذا كان (tiannetyear> tiannetyearend) {tiannetyearend = tiannetyear ؛ createOption (document.all.seltianyear ، tiannetyear ، tiannetyear + "year") ؛ } checkselect (document.all.seltianyear ، tiannetyear ، tiannetyear) ؛ tiannetwritehead () ؛ } // حدد اليوم وظيفة tiannettoday () {tiannetyear = tiannetdatenow.getlyear () ؛ tiannetmonth = tiannetdatenow.getMonth ()+1 ؛ tiannetday = tiannetdatenow.getDate () ؛ tiannetsetvalue (صواب) ؛ // tiannetsetday (tiannetyear ، tiannetmonth) ؛ // selectObject () ؛ }. checkselect (document.all.seltianmonth ، tiannetmonth) ؛ tiannetwritehead () ؛ }. checkselect (document.all.seltianmonth ، tiannetmonth) ؛ tiannetwritehead () ؛ } // اكتب سنة ، شهر ، وقت ، دقيقة وغيرها من البيانات في وظيفة العلامة span tiannetwritehead () {document.all.tiannetyearhead.innertext = tiannetyear + "year" ؛ document.all.tiannetmonthhead.innertext = tiannetmonth + "month" ؛ if (m_bolshowhour) document.all.tiannethourhead.innertext = "" + tiannethour + "time" ؛ if (m_bolshowminute) document.all.tiannetminutehead.innertext = tiannetminute + "mother" ؛ tiannetsetvalue (false) ؛ // تعيين القيم إلى مربع النص ، ولكن لا تخفي هذا التحكم} // قم بتعيين دالة يوم العرض tiannetsetday (yy ، mm) {setRealDayCount () ؛ // اضبط اليوم الحقيقي من الشهر tiannetwritehead () ؛ var strdatefont1 = "" ، strdatefont2 = "" // قم بتدريب نمط عرض التاريخ (var i = 0 ؛ i <37 ؛ i ++) {tiannetArrday [i] = ""} ؛ // مسح جميع محتويات مربع العرض var day1 = 1 ؛ var firstday = تاريخ جديد (yy ، mm-1،1) .getday () ؛ // يوم الأسبوع من اليوم الأول من شهر معين لـ (var i = first day ؛ day1 <getMonthCount (yy ، mm) +1 ؛ i ++) {tiannetArrday [i] = day1 ؛ day1 ++ ؛ } // إذا كانت قيمة الخلية الأولى المستخدمة لعرض الصف الأخير من اليوم فارغًا ، فقم بإخفاء الصف بأكمله. // if (tiannetArrday [35] == "") {// document.all.trtiannetday5.style.display = "none" ؛ //} آخر {// document.all.trtiannetday5.style.display = "" ؛ //} لـ (var i = 0 ؛ i <37 ؛ i ++) {var da = eval ("document.all.tdtiannetday"+i) // كتابة ترتيب التاريخ والأسبوع للشهر الجديد إذا كان ذلك red font (i ٪ 7 == 0) strDateFont1 = "<font color =#f0000>" strDateFont2 = "</font>"} else {strDateFont1 = "" ؛ strDatefont2 = ""} da.innerhtml = strdatefont1 + tiannetarrday [i] + strdatefont2 ؛ // إذا كان اليوم المحدد حاليًا ، فقم بتغيير اللون إذا (tiannetArrday [i] == tiannetday) {da.style.backgroundcolor = "#ccccccc" ؛ } آخر {da.style.backgroundColor = "#efef" ؛ } da.style.cursor = "hand"} else {da.innerhtml = "" ؛ da.style.backgroundColor = "" ؛ da.style.cursor = "default"}} // end for tiannetsetvalue (false) ؛ checkselect (objselect ، selectValue) {var count = parseint (objselect.length) ؛ if (selectValue <10 && selectValue.ToString (). length == 2) {selectValue = selectValue.SubString (1،2) ؛ } لـ (var i = 0 ؛ i <count ؛ i ++) {if (objselect.options [i] .value == selectValue) {objSelect.SelectedIndex = i ؛ استراحة؛ }} // for} // حدد دالة مربع القائمة المنسدلة selectObject () {// إذا كان العام أقل من الحد الأدنى للعام المسموح به ، فقم بإنشاء الخيار المقابل إذا (tiannetyear <tiannetyearst) {for (var i = tiannetyear ؛ i <tiannetyearst ؛ i ++) {create.all. } tiannetyearst = tiannetyear ؛ } // إذا تجاوز العام الحد الأقصى للعام المسموح به ، فقم بإنشاء الخيار المقابل إذا كان (tiannetyear> tiannetyearend) {for (var i = tiannetyearend + 1 ؛ i <= tiannetyear ؛ i ++) {createOption (document.all.seltianyear ، i + "year") ؛ } tiannetyearend = tiannetyear ؛ } checkselect (document.all.seltianyear ، tiannetyear) ؛ checkselect (document.all.seltianmonth ، tiannetmonth) ؛ إذا (m_bolshowhour) checkselect (document.all.seltianhour ، tiannethour) ؛ if (m_bolshowminute) checkselect (document.all.seltianminute ، tiannetminute) ؛ }. if (! tiannetday || tiannetday == "") {tiannetOutObject.value = value ؛ يعود؛ } var mm = tiannetmonth ؛ var day = tiannetday ؛ if (mm <10 && mm.ToString (). length == 1) mm = "0" + mm ؛ if (day <10 && day.toString (). length == 1) day = "0" + day ؛ value = tiannetyear + tiannetdatesplit + mm + tiannetdatesplit + day ؛ if (m_bolshowhour) {var hour = tiannethour ؛ if (ساعة <10 && hour.toString (). الطول == 1) ساعة = "0" + ساعة ؛ القيمة + = tiannetDateTimesPlit + ساعة ؛ } if (m_bolshowminute) {var minute = tiannetminute ؛ إذا (دقيقة <10 && دقيقة. toString (). الطول == 1) دقيقة = "0" + دقيقة ؛ القيمة + = tiannettimesplit + دقيقة ؛ } tiannetOutObject.value = value ؛ //document.all.divtiannetdate.style.display = "none" ؛ if (bolhidecontrol) {tiannethideControl () ؛ }} // هل يعرض وظيفة الوقت showtime () {if (! m_bolshowhour && m_bolshowminute) {Alert ("إذا كنت تريد تحديد دقائق ، فيجب أن تكون قادرًا على تحديد ساعات!") ؛ يعود؛ } HideElementsById (صفيف جديد ("tiannethourhead" ، "seltianhour" ، "tiannetminutehead" ، "seltianminute") ، true) ؛ if (m_bolshowhour) {// إظهار ساعات HideElementSbyId (صفيف جديد ("tiannethourhead") ، خطأ) ؛ } if (m_bolshowminute) {// show minutes HideElementSbyId (صفيف جديد ("tiannethourhead") ، false) ؛ } if (m_bolshowminute) {// show minutes HideElementSbyId (صفيف جديد ("tiannetminutehead") ، false) ؛ }} // يظهر عنصر تحكم تحديد التقويم للسماح للمستخدم باختيار وظيفة tiannetpopcalendar () {// إخفاء المربع المنسدلة لعرض HeadelementsByid المقابلة (صفيف جديد ("Seltianyear" ، "Seltianmonth" ، "Seltianhour" ، "Seltianminute) ، True) ؛ HideElementSbyId (صفيف جديد ("tiannetyearhead" ، "tiannetmonthhead" ، "tiannetminutehead") ، خطأ) ؛ tiannetsetday (tiannetyear ، tiannetmonth) ؛ tiannetwritehead () ؛ موعد العرض()؛ var dads = document.all.divtiannetdate.style ؛ var ix ، iy ؛ var h = document.all.divtiannetdate.offsetheight ؛ var w = document.all.divtiannetdate.offsetWidth ؛ // حساب left if (window.event.x + h> document.body.offsetWidth - 10) ix = window.event.x - H - 5 ؛ else ix = window.event.x + 5 ؛ إذا (ix <0) ix = 0 ؛ // حساب top iy = window.event.y ؛ if (window.event.y + w> document.body.offsetheight - 10) iy = document.body.scrolltop + document.body.offsetheight - W - 5 ؛ else iy = document.body.scrolltop + window.event.y + 5 ؛ إذا (iy <0) iy = 0 ؛ dads.left = ix ؛ dads.top = iy ؛ tiannetshowcontrol () ؛ SelectObject () ؛ }. tiannetshowobject () ؛ arrtiannethide = new array () ؛ // قم بمسح كائن العلامة المخفية} // إظهار التحكم في التقويم (إخفاء العلامات الغامضة في نفس الوقت) tiannetshowcontrol () {document.all.divtiannetdate.style.display = "" ؛ tiannethideObject ("SELECT") ؛ tiannethideObject ("كائن") ؛ } // إخفاء العلامات وفقًا لاسم العلامة. إذا تم حظر تحديد عنصر التحكم ، فإن وظيفة الكائن tiannethideObject (strtagname) {x = document.all.divtiannetdate.offsetleft ؛ y = document.all.divtiannetdate.offsettop ؛ h = document.all.divtiannetdate.offsetheight ؛ w = document.all.divtiannetdate.offsetWidth ؛ لـ (var i = 0 ؛ i <document.all.tags (strtagname) .length ؛ i ++) {var obj = document.all.tags (strtagname) [i] ؛ إذا (! obj ||! obj.offsetParent) متابعة ؛ // احصل على الإحداثيات النسبية للعنصر الخاص بعلامة الجسم var objleft = obj.offsetleft ؛ var objtop = obj.offsettop ؛ var objheight = obj.offsetheight ؛ var objwidth = obj.offsetWidth ؛ var objparent = obj.offsetParent ؛ بينما (objparent.tagname.touppercase ()! = "body") {objleft += objParent.OffSetLeft ؛ objtop += objparent.offsettop ؛ objparent = objparent.offsetParent ؛ } // ALERT ("" الطرف الأيسر من عنصر التحكم: " + X +" SELECT LEKED END " + (objleft + objwidth) +" أسفل عنصر التحكم: " + (y + h) +" حدد High: " + objtop) ؛ var bolhide = true ؛ if (obj.style.display == "none" || obj.style.visibility == "Hidden" || obj.getAttribute ("upluction") == "tiannet") {// إذا كانت العلامة نفسها مخفية ، فلن تكون بحاجة إلى إخفاءها بعد الآن. إذا كان مربعًا منسولًا في عنصر التحكم ، فلا يلزم إخفاءه. Bolhide = false ؛ } if (((objleft + objwidth)> x && (y + h + 20)> objtop && (objtop + objheight)> y && objleft <(x + w)) obj.style.visibility = "Hidden" ؛ }}} // إظهار وظيفة العلامة المخفية tiannetShowObject () {for (var i = 0 ؛ i <arrtiannethide.length ؛ i ++) {// alert (arrtiannethide [i]) ؛ arrtiannethide [i] .style.vibility = "" ؛ }} // تاريخ التهيئة. وظيفة tiannetinitdate (strdate) {var arr = strdate.split (tiannetdatesplit) ؛ tiannetyear = arr [0] ؛ tiannetmonth = arr [1] ؛ tiannetday = arr [2] ؛ } // clear function tiannetclear () {tiannetOutObject.value = "" ؛ tiannethideControl () ؛ } // أغلق عنصر التحكم عند النقر فوق أي دالة مستند. }} // اضغط على مفتاح ESC لإغلاق مستند وظيفة التحكم. onkeypress () {if (event.keycode == 27) {tiannethideControl () ؛ }}لمزيد من المعلومات حول المحتوى المتعلق بـ JavaScript ، يرجى مراجعة موضوعات هذا الموقع: "ملخص لمهارات تشغيل JSON في JavaScript" ، "ملخص تأثيرات تبديل JavaScript وتقنيات" ملخص خوارزف JavaScript Searritm و "ملخص Data" و "ملخص". مهارات الخوارزمية "،" ملخص خوارزميات وتقنيات JavaScript Traversal "و" ملخص استخدام العمليات الرياضية JavaScript "
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.