บทความนี้อธิบายถึงเอฟเฟกต์การเลือกเวลาที่สวยงามของ JS แบ่งปันสำหรับการอ้างอิงของคุณดังนี้:
ส่วนรหัส HTML:
<html> <script language = javascript src = "dataOne.js"> </script> <table align = "center"> <tr> <td> <body> (1) เลือกวันที่เท่านั้น <อินพุตประเภท = "text" name = "วันที่" onClick = "setDay (this); onclick = "setdayh (this);"> <br/> (3) เลือกวันที่และชั่วโมงและนาที <อินพุตประเภท = "ข้อความ" ชื่อ = "วันที่" onClick = "setDayHm (นี่);"> </body> </td> </tr>
DataOne.js รหัส:
/*** วิธีการใช้งาน: * (1) เลือกวันที่เท่านั้น <อินพุต type = "text" name = "วันที่" onclick = "setday (นี่);"> * (2) เลือกวันที่และชั่วโมง <อินพุตประเภท = "ข้อความ" ชื่อ = "วันที่" onclick = "setdayh (this);"> * (3) onclick = "setdayhm (this);"> * เมธอดสำหรับการตั้งค่าพารามิเตอร์ * (1) ตั้งค่าตัวคั่นวันที่ setDatesPlit (strsplit); ค่าเริ่มต้นคือ "-" * (2) ตั้งค่าตัวคั่นระหว่างวันที่และเวลา setDateTimePlit (strsplit); ค่าเริ่มต้นคือ "" * (3) ตั้งค่าตัวคั่นเวลา settimesplit (strsplit); ค่าเริ่มต้นคือ ":" * (4) ตั้งค่าตัวคั่นใน (1), (2), (3) setsplit (strdatesplit, strdatetimeplit, 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_SELECT = "WIDTH: 64PX; แสดง: ไม่มี"; // เลือกกล่องดรอปดาวน์ของเดือนชั่วโมงและนาที var s_tiannet_select2 = "ความกว้าง: 46px; แสดง: ไม่มี"; "; // วันที่การเลือกการเลือกรูปแบบร่างกาย var s_tiannet_body = "ความกว้าง: 150; พื้นหลังสี:#2650a6; แสดง: ไม่มี; z-index: 9998; ตำแหน่ง: สัมบูรณ์;" + "ชายแดนซ้าย: 1 Solid #CCCC; Border-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;"; // สไตล์ตัวอักษร var s_tiannet_font = "สี:#ffcc00; ขนาดตัวอักษร: 9pt; เคอร์เซอร์: มือ;"; // LINK Style VAR S_TIANNET_LINK = "การกำหนดข้อความ: NONE; FONT-SIZE: 9PT; สี:#2650A6;"; // horily line var s_tiannet_line = "border-bottom: 1 solid #6699cc"; // ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ 2010; // ปีสุดท้ายที่เลือกได้ var tiannetDatenow = วันที่ใหม่ (); 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 = 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 = อาร์เรย์ใหม่ (12) // กำหนดจำนวนวันสูงสุดต่อเดือนในปฏิทิน Gregorian 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; // ------------------------------------------------------------------------- /// ฟังก์ชั่นการโทรหลักของผู้ใช้-เลือกเฉพาะฟังก์ชั่นวันที่ setday (obj) {tiannetoutoBject = obj; // หากมีค่าในแท็กให้เริ่มต้นวันที่เป็นค่าปัจจุบัน var strvalue = tiannettrim (tiannetoutobject.value); if (strvalue! = "") {tiannetinitdate (strvalue); } tiannetpopcalendar (); } // ฟังก์ชั่นการโทรหลักของผู้ใช้ - เลือกฟังก์ชั่นวันที่และชั่วโมง setdayh (obj) {tiannetoutObject = obj; m_bolshowhour = true; // หากมีค่าในแท็กวันที่และชั่วโมงจะเริ่มต้นเป็นค่าปัจจุบัน 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 = true; m_bolshowminute = true; // หากมีค่าในแท็กเริ่มต้นวันที่ชั่วโมงและนาทีถึงค่าปัจจุบัน 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); ถ้า (tiannetminute <10) tiannetminute = tiannetminute.substring (1,2); } tiannetpopcalendar (); } // ตั้งค่าวันที่เริ่มต้นและวันที่สิ้นสุดฟังก์ชั่น setYeArperiod (intdateBeg, intdateend) {tiannetyeArst = intdateBeg; tiannetyearend = intdateend; } // ตั้งค่าตัวคั่นวันที่ ค่าเริ่มต้นคือ "-" ฟังก์ชั่น setDatesPlit (strDatesPlit) {tiannetDatesPlit = strDatesPlit; } // ตั้งค่าตัวคั่นระหว่างวันที่และเวลา ค่าเริ่มต้นคือ "" ฟังก์ชั่น setDateTimePlit (strDateTimesPlit) {tiannetDateTimesPlit = strDateTimesPlit; } // ตั้งค่าตัวคั่นเวลา ค่าเริ่มต้นคือ ":" ฟังก์ชั่น settimesPlit (strtimesplit) {tiannettimesplit = strtimesplit; } // ตั้งค่าฟังก์ชั่นตัวคั่น setsplit (strdatesplit, strdatetimesplit, strtimesplit) {tiannetdatesplit (strdatesplit); tiannetdatetimeplit (strdatetimeplit); tiannettimesplit (strtimesplit); tiannettimesplit (strtimesplit); } // ตั้งค่าวันที่เริ่มต้น รูปแบบคือ: ฟังก์ชั่น yyyy-mm-dd setdefaultdate (strdate) {tiannetyear = strdate.substring (0,4); tiannetmonth = strdate.substring (5,7); tiannetday = strdate.substring (8,10); } // ตั้งเวลาเริ่มต้น รูปแบบคือ: hh24: ฟังก์ชั่น mi setdefaulttime (strtime) {tiannethour = strtime.substring (0,2); tiannetMinute = strtime.substring (3,5); - style = "'+s_tiannet_body+'" style = "การควบคุมการเลือกปฏิทินนี้ได้รับการปรับปรุงโดย Tiannet ตามประสบการณ์ของคนรุ่นก่อน!"> '); document.write ('<div align = "center" id = "divtiannetDatetext" ผู้แต่ง = "tiannet" style = "padding-top: 2px;">'); document.write ('<span id = "tiannetyearhead" ผู้แต่ง = "tiannet" style = "'+s_tiannet_font+'' '+' onclick =" spanyearcevent (); "> ปี </span> '); document.write ('<select id = "seltianyear" style = "'+s_tiannet_select+'" ผู้แต่ง = "tiannet"'+'onchange = "tiannetyear = this.value; tiannetsetday (tiannetyear, tiannetmonth); 'this.style.display =/' none/'; ">'); สำหรับ (var i = tiannetyearst; i <= tiannetyearend; i ++) {document.writeLn ('<ตัวเลือกค่า = "' + i + '">' + i + 'ปี </petion>'); } document.write ('</select>'); document.write ('<span id = "tiannetmonthhead" ผู้แต่ง = "tiannet" style = "'+s_tiannet_font+'' '+' onclick =" spanmonthcevent (); "> เดือน </span> '); document.write ('<select id = "seltianmonth" style = "'+s_tiannet_select2+'" ผู้แต่ง = "tiannet"'+'onchange = "tiannetmonth = this.value; tiannetsetday (tiannetyear, tiannetmonth); 'this.style.display =/' none/'; ">'); สำหรับ (var i = 1; i <= 12; i ++) {document.writeLn ('<ตัวเลือกค่า = "' + i + '">' + i + 'เดือน </optup>'); } document.write ('</select>'); //document.write ('</div>'); //document.write('<div align = "center" id = "divtiannettimetext" ผู้เขียน = "tiannet"> '); document.write ('<span id = "tiannethourhead" ผู้แต่ง = "tiannet" style = "'+s_tiannet_font+'แสดงผล: ไม่มี;"+' onclick = "spanhourceVent ();"> เมื่อ </span> '); document.write ('<select id = "seltianHour" style = "'+s_tiannet_select2+'แสดง: ไม่มี;" ผู้เขียน = "tiannet"'+'onchange = "tiannethour = this.value; tiannetwritehead (); 'this.style.display =/' none/'; ">'); สำหรับ (var i = 0; i <= 23; i ++) {document.writeLn ('<ตัวเลือกค่า = "' + i + '">' + i + 'เวลา </optup>'); } document.write ('</select>'); document.write ('<span id = "tiannetminutehead" ผู้แต่ง = "tiannet" style = "'+s_tiannet_font+'แสดง: ไม่มี;"+' onclick = "spanminutecevent ();"> จุด </span> '); document.write ('<select id = "seltianminute" style = "'+s_tiannet_select2+'จอแสดงผล: ไม่มี;" ผู้เขียน = "tiannet"'+'onchange = "tiannetminute = this.value; tiannetwritehead (); 'this.style.display =/' none/'; ">'); สำหรับ (var i = 0; i <= 59; i ++) {document.writeLn ('<ตัวเลือกค่า = "' + i + '">' + i + 'จุด </optup>'); } document.write ('</select>'); document.write ('</div>'); // เอาต์พุตเอกสารบรรทัดแนวนอนเขียน ('<div style = "'+s_tiannet_line+'"> </div>'); document.write ('<div align = "center" id = "divtiannetturn" style = "border: 0;" uther = "tiannet">'); document.write ('<อินพุต type = "ปุ่ม" style = "'+s_tiannet_turn+'" value = "ปี↑" onclick = "tiannetprevyear ();">'); document.write ('<อินพุต type = "ปุ่ม" style = "'+s_tiannet_turn+'" value = "ปี↓" onclick = "tiannetNextyear ();">'); document.write ('<อินพุต type = "ปุ่ม" style = "'+s_tiannet_turn+'" value = "ปี↓" onclick = "tiannetNextyear ();">'); document.write ('<อินพุต type = "ปุ่ม" style = "'+s_tiannet_turn+'" value = "เดือน↑" onclick = "tiannetprevmonth ();">'); document.write ('<อินพุต type = "ปุ่ม" style = "'+s_tiannet_turn+'" value = "เดือน↓" onclick = "tiannetnextmonth ();">'); document.write ('</div>'); // เอาต์พุตเอกสารบรรทัดแนวนอนเขียน ('<div style = "'+s_tiannet_line+'"> </div>'); document.write ('<table border = 0 cellspacing = 0 cellpadding = 0 bgcolor = White onSelectStart = "return false">'); document.write ('<tr style = "พื้นหลังสี:#2650a6; font-size: 10pt; color: White; ความสูง: 22px;" ผู้เขียน = "tiannet">'); สำหรับ (var i = 0; i <weekName.length; i ++) {// output document.write ('<td align = "center" ผู้เขียน = "tiannet">' + WeekName [i] + '</td>'); } document.write ('</tr>'); document.write ('</bable>'); // เลือกเอกสารวันเอาท์พุท WWRITE ('<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 (จริง); n ++; } document.write ('<tr align = center id = "trtiannetday5">'); document.write ('<td align = "center" id = "tdtiannetday35" onclick = "tiannetday = this.innertext; tiannetsetValue (จริง);" +' style = "'s_tiannet_day +'"> </td> '); document.write ('<td align = "center" id = "tdtiannetday36" onclick = "tiannetday = this.innertext; tiannetsetValue (จริง);" +' style = "'s_tiannet_day +'"> </td> '); document.write ('<td align = "ขวา" colspan = "5"> <a href = "javaScript: tiannetclear ();" style = " + s_tiannet_link +'" clear </a> ' +' '"> ปิด </a>' + '<a href =" JavaScript: tiannetSetValue (จริง); "style ="' + s_tiannet_link + '"> ตกลง </a>' + '</td>'); document.write ('</tr>'); document.write ('</bable>'); document.write ('</div>'); // ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ HideElementsById (ใหม่อาร์เรย์ ("Seltianyear", "Tiannetmonthhead"), False); ถ้า (m_bolshowhour) hidelementsById (อาเรย์ใหม่ ("tiannethourhead"), เท็จ); ถ้า (m_bolshowminute) hidelementsById (อาร์เรย์ใหม่ ("tiannetminutehead"), false); HideElementsById (ใหม่อาร์เรย์ ("Tiannetyearhead", "Seltianmonth", "Seltianhour", "Seltianminute"), จริง); } // คลิกแท็ก Span Month เพื่อตอบสนองฟังก์ชัน spanmonthcevent () {hidelementsById (อาร์เรย์ใหม่ ("Seltianmonth", "tiannetyearhead"), false); ถ้า (m_bolshowhour) hidelementsById (อาเรย์ใหม่ ("tiannethourhead"), เท็จ); ถ้า (m_bolshowminute) hidelementsById (อาร์เรย์ใหม่ ("tiannetminutehead"), false); HideElementsById (อาเรย์ใหม่ ("Tiannetmonthhead", "Seltianyear", "Seltianhour", "Seltianminute"), จริง); } // คลิกฟังก์ชั่นการตอบสนองแท็ก Hour Span SpanhourceVent () {HideElementsById (อาร์เรย์ใหม่ ("tiannetyearhead", "tiannetmonthhead"), false); ถ้า (m_bolshowhour) hidelementsById (อาร์เรย์ใหม่ ("seltianhour"), false); ถ้า (m_bolshowminute) hidelementsById (อาร์เรย์ใหม่ ("tiannetminutehead"), false); HideElementsById (ใหม่อาร์เรย์ ("Tiannethourhead", "Seltianyear", "Seltianmonth", "Seltianminute"), จริง); } // คลิกฟังก์ชั่นการตอบกลับแท็กนาที SpanminuteceVent () {hideElementsById (อาร์เรย์ใหม่ ("tiannetyearhead", "tiannetmonthhead"), false); ถ้า (m_bolshowhour) hidelementsById (อาเรย์ใหม่ ("tiannethourhead"), เท็จ); ถ้า (m_bolshowminute) hidelementsById (อาร์เรย์ใหม่ ("seltianminute"), เท็จ); HideElementsById (อาเรย์ใหม่ ("tiannetminutehead", "Seltianyear", "Seltianmonth", "Seltianhour"), จริง); } // ซ่อนหรือแสดงฟังก์ชั่นแท็ก hidelementsById (arrid, bolhide) {var strdisplay = ""; ถ้า (bolhide) strdisplay = "ไม่มี"; สำหรับ (var i = 0; i <arrid.length; i ++) {var obj = document.getElementById (arrid [i]); obj.style.display = strdisplay; - - - if ((เดือน == 2) && ispinyear (ปี)) C ++; กลับ C; } // รีเซ็ตวันปัจจุบัน ส่วนใหญ่เพื่อป้องกันไม่ให้วันปัจจุบันมีค่ามากกว่าวันสูงสุดของเดือนเมื่อปีที่ผ่านมาหรือเดือนจะถูกพลิกคว่ำ ฟังก์ชั่น setRealDayCount () {ถ้า (tiannetday> getMonthCount (tiannetyear, tiannetmonth)) {// ถ้าวันปัจจุบันมากกว่าวันสูงสุดของเดือนดังนั้นวันสูงสุดของเดือนจะถูกนำมาใช้ tiannetday = getMonthCount (tiannetyear, tiannetmonth); }} // เพิ่มศูนย์ก่อนฟังก์ชั่นหลักเดียว addzero (ค่า) {ถ้า (ค่า <10) {value = "0" + ค่า; } ค่าส่งคืน; } // ดึงฟังก์ชั่นพื้นที่ tiannettrim (str) {return str.replace (/(^/s*) | (/s*$)/g, ""); } // สร้างฟังก์ชั่นตัวเลือก createOption (objselect, ค่า, ข้อความ) {var option = document.createElement ("ตัวเลือก"); ตัวเลือกค่า = ค่า; ตัวเลือก text = text; objselect.options.add (ตัวเลือก); } // พลิกไปข้างหน้าฟังก์ชั่นปี tiannetprevyear () {ถ้า (tiannetyear> 999 && tiannetyear <10,000) {tiannetyear-;} else {Alert ("ปีนอกระยะ (1,000-9999)!"); // ถ้าปีน้อยกว่าปีที่อนุญาตขั้นต่ำให้สร้างตัวเลือกที่สอดคล้องกันถ้า (tiannetyear <tiannetyearst) {tiannetyearst = tiannetyear; createOption (document.all.seltianyear, tiannetyear, tiannetyear + "ปี"); } checkselect (document.all.seltianyear, tiannetyear, tiannetyear); tiannetwritehead (); } // ฟังก์ชั่นปีพลิก tiannetnextyear () {ถ้า (tiannetyear> 999 && tiannetyear <10,000) {tiannetyear ++;} else {แจ้งเตือน ("ปีนอกระยะ (1,000-9999)!"); return;} tiannetsetday (tiannetyear, tiannetmonth); // ถ้าปีเกินปีที่อนุญาตสูงสุดให้สร้างตัวเลือกที่สอดคล้องกันถ้า (tiannetyear> tiannetyearend) {tiannetyearend = tiannetyear; createOption (document.all.seltianyear, tiannetyear, tiannetyear + "ปี"); } checkselect (document.all.seltianyear, tiannetyear, tiannetyear); tiannetwritehead (); } // เลือกฟังก์ชั่นวันนี้ tiannettoday () {tiannetyear = tiannetdatenow.getlyear (); tiannetmonth = tiannetdatenow.getMonth ()+1; tiannetday = tiannetdatenow.getdate (); tiannetsetvalue (จริง); // tiannetsetday (tiannetyear, tiannetmonth); // selectObject (); } // ติดตามเดือนของเดือนฟังก์ชั่น tiannetprevmonth () {ถ้า (tiannetmonth> 1) {tiannetmonth-} else {tiannetyear-; tiannetmonth = 12;} tiannetsetday checkselect (document.all.seltianmonth, tiannetmonth); tiannetwritehead (); } // ทำตามฟังก์ชั่นเดือน tiannetnextmonth () {ถ้า (tiannetmonth == 12) {tiannetyear ++; tiannetmonth = 1} else {tiannetmonth ++} tiannetsetday checkselect (document.all.seltianmonth, tiannetmonth); tiannetwritehead (); } // เขียนปีเดือนเวลานาทีและข้อมูลอื่น ๆ ลงในฟังก์ชั่นแท็ก span tiannetwritehead () {document.all.tiannetyearhead.innertext = tiannetyear + "ปี"; document.all.tiannetmonthhead.innertext = tiannetmonth + "เดือน"; if (m_bolshowhour) document.all.tiannethourhead.innertext = "" + tiannethour + "เวลา"; if (m_bolshowminute) document.all.tiannetminutehead.innertext = tiannetminute + "นาที"; tiannetSetValue (เท็จ); // กำหนดค่าให้กับกล่องข้อความ แต่ไม่ซ่อนการควบคุมนี้} // ตั้งค่าฟังก์ชั่นวันแสดงผล 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 = วันแรก; day1 <getMonthCount (yy, mm) +1; i ++) {tiannetarrday [i] = day1; day1 ++; } // หากค่าของเซลล์แรกที่ใช้ในการแสดงแถวสุดท้ายของวันว่างเปล่าให้ซ่อนทั้งแถว // ถ้า (tiannetarrday [35] == "") {// document.all.trtiannetday5.style.display = "ไม่มี"; //} else {// document.all.trtiannetday5.style.display = ""; //} สำหรับ (var i = 0; i <37; i ++) {var da = eval ("document.all.tdtiannetday"+i) // เขียนวันที่และการจัดเรียงสัปดาห์ของเดือนใหม่ถ้า (tiannetarrday [i]! = ") {// ตัดสินว่าเป็นวันหยุดสุดสัปดาห์ strdateFont1 = "<font color =#f0000>" strdatefont2 = "</font>"} else {strdatefont1 = ""; strdatefont2 = ""} da.innerhtml = strdatefont1 + tiannetarrday [i] + strdatefont2; // ถ้าเป็นวันที่เลือกในปัจจุบันให้เปลี่ยนสีถ้า (tiannetarrday [i] == tiannetday) {da.style.backgroundcolor = "#cccccc"; } else {da.style.backgroundColor = "#efef"; } da.style.cursor = "hand"} else {da.innerhtml = ""; da.style.backgroundcolor = ""; da.style.cursor = "ค่าเริ่มต้น"}} // end สำหรับ tiannetsetValue (เท็จ); checkselect (objselect, selectValue) {count var = parseInt (objselect.length); if (selectValue <10 && selectValue.toString (). ความยาว == 2) {selectValue = selectValue.substring (1,2); } สำหรับ (var i = 0; i <count; i ++) {ถ้า (objselect.options [i] .value == selectValue) {objselect.selectedIndex = i; หยุดพัก; }} // สำหรับ} // เลือกฟังก์ชั่นกล่องดรอปดาวน์ selectObject () {// ถ้าปีน้อยกว่าปีที่อนุญาตขั้นต่ำให้สร้างตัวเลือกที่สอดคล้องกันถ้า (tiannetyear <tiannetyearst) {สำหรับ (var i = tiannetyear; } tiannetyearst = tiannetyear; } // ถ้าปีเกินปีที่อนุญาตสูงสุดให้สร้างตัวเลือกที่สอดคล้องกันถ้า (tiannetyear> tiannetyearend) {สำหรับ (var i = tiannetyearend + 1; i <= tiannetyear; i ++) {createOption } tiannetyearend = tiannetyear; } checkselect (document.all.seltianyear, tiannetyear); checkselect (document.all.seltianmonth, tiannetmonth); if (m_bolshowhour) ตรวจสอบการเลือก (document.all.seltianhour, tiannethour); if (m_bolshowminute) ตรวจสอบการเลือก (document.all.seltianminute, tiannetminute); } // กำหนดค่าให้กับตัวควบคุมที่ยอมรับวันที่และเวลา // พารามิเตอร์ bolhideControl - ไม่ว่าจะซ่อนฟังก์ชั่นควบคุม tiannetSetValue (bolhideControl) {var value = ""; if (! tiannetday || tiannetday == "") {tiannetoutobject.value = ค่า; กลับ; } var mm = tiannetmonth; var day = tiannetday; if (mm <10 && mm.toString (). ความยาว == 1) mm = "0" + mm; ถ้า (วัน <10 && day.toString (). ความยาว == 1) วัน = "0" + วัน; value = tiannetyear + tiannetdatesplit + mm + tiannetdatesplit + วัน; if (m_bolshowhour) {var hour = tiannethour; ถ้า (ชั่วโมง <10 && ชั่วโมง. toString (). ความยาว == 1) ชั่วโมง = "0" + ชั่วโมง; value + = tiannetDateTimesPlit + ชั่วโมง; } if (m_bolshowminute) {var minute = tiannetMinute; if (นาที <10 && minute.toString (). ความยาว == 1) นาที = "0" + นาที; ค่า + = tiannettimesplit + นาที; } tiannetoutobject.value = ค่า; //document.all.divtiannetdate.style.display = "ไม่มี"; if (bolhidecontrol) {tiannethidecontrol (); }} // มันแสดงฟังก์ชั่นเวลา showtime () {if (! m_bolshowhour && m_bolshowminute) {แจ้งเตือน ("ถ้าคุณต้องการเลือกนาทีคุณจะต้องเลือกชั่วโมง!"); กลับ; } HideElementsById (ใหม่อาร์เรย์ ("tiannethourhead", "Seltianhour", "tiannetminutehead", "Seltianminute"), จริง); if (m_bolshowhour) {// แสดงชั่วโมง hidelementsById (อาร์เรย์ใหม่ ("tiannethourhead"), false); } if (m_bolshowminute) {// แสดงนาที hidelementsById (อาร์เรย์ใหม่ ("tiannethourhead"), false); } if (m_bolshowminute) {// แสดงนาที hidelementsById (อาร์เรย์ใหม่ ("tiannetminutehead"), false); }} // การควบคุมการเลือกปฏิทินปรากฏขึ้นเพื่อให้ผู้ใช้เลือกฟังก์ชั่น tiannetpopcalendar () {// ซ่อนกล่องดรอปดาวน์เพื่อแสดง hidelementsbyid ที่เกี่ยวข้อง (อาร์เรย์ใหม่ ("Seltianyear", "Seltianmonth", "Seltianhour" HideElementsById (ใหม่อาร์เรย์ ("tiannetyearhead", "tiannetmonthhead", "tiannetminutehead"), false); Tiannetsetday (Tiannetyear, Tiannetmonth); tiannetwritehead (); Showtime (); var dads = document.all.divtiannetdate.style; var ix, iy; var h = document.all.divtiannetdate.offsetheight; var w = document.all.divtiannetdate.offsetWidth; // คำนวณซ้ายถ้า (window.event.x + h> document.body.offsetWidth - 10) ix = window.event.x - h - 5; else ix = window.event.x + 5; if (ix <0) ix = 0; // คำนวณด้านบน 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 (); } // ซ่อนการควบคุมปฏิทิน (แสดงแท็กที่ซ่อนอยู่ในเวลาเดียวกัน) ฟังก์ชั่น tiannethidecontrol () {document.all.divtiannetdate.style.display = "ไม่มี"; tiannetshowobject (); arrtiannethide = new Array (); // ล้างวัตถุแท็กที่ซ่อนอยู่} // แสดงการควบคุมปฏิทิน (ซ่อนแท็กที่ถูกบดบังในเวลาเดียวกัน) ฟังก์ชั่น tiannetshowControl () {document.all.divtiannetdate.style.display = "; TiannethideObject ("เลือก"); TiannethideObject ("Object"); } // ซ่อนแท็กตามชื่อแท็ก หากการเลือกของตัวควบคุมจะถูกบล็อกฟังก์ชันวัตถุ 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]; if (! 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; } // การแจ้งเตือน ("ปลายด้านซ้ายของการควบคุม:" + x + "เลือก end end" + (objleft + objwidth) + "ด้านล่างของการควบคุม:" + (y + h) + "เลือกสูง:" + objtop); var bolhide = true; if (obj.style.display == "ไม่มี" || obj.style.visibility == "ซ่อน" || obj.getattribute ("ผู้แต่ง") == "tiannet") {// ถ้าแท็กถูกซ่อนอยู่มันไม่จำเป็นต้องซ่อนอีกต่อไป หากเป็นกล่องแบบเลื่อนลงในการควบคุมมันไม่จำเป็นต้องซ่อนอยู่ bolhide = false; } if ((((objleft + objwidth)> x && (y + h + 20)> objtop && (objtop + objheight)> y && objleft <(x + w)) && bolhide) {//arrtiannethide.push(Obj); obj.style.visibility = "ซ่อน"; }}} // แสดงฟังก์ชั่นแท็กที่ซ่อนอยู่ tiannetshowObject () {สำหรับ (var i = 0; i <arrtiannethide.length; i ++) {// alert (arrtiannethide [i]); arrtiannethide [i] .style.visibility = ""; }} // วันที่เริ่มต้น ฟังก์ชั่น tiannetinitdate (strdate) {var arr = strdate.split (tiannetdatesplit); tiannetyear = arr [0]; tiannetmonth = arr [1]; tiannetday = arr [2]; } // ล้างฟังก์ชั่น tiannetClear () {tianNetOutObject.value = ""; tiannethidecontrol (); } // ปิดการควบคุมเมื่อคลิก document function.onclick () {with (window.event.srcelement) {ถ้า (tagname! = "input" && getAttribute ("ผู้แต่ง")! = "tiannet") tiannethidecontrol (); }} // กดปุ่ม ESC เพื่อปิด document function document.onkeypress () {ถ้า (event.keycode == 27) {tiannethideControl (); -สำหรับข้อมูลเพิ่มเติมเกี่ยวกับเนื้อหาที่เกี่ยวข้องกับ JavaScript โปรดตรวจสอบหัวข้อของไซต์นี้: "สรุปทักษะการดำเนินงาน JSON ใน JavaScript", "บทสรุปของเอฟเฟกต์การสลับและเทคนิคการสลับ JavaScript", "SUMMARITS JAVASCRIPT SUMMARY" ทักษะอัลกอริทึม "," บทสรุปของอัลกอริธึมและเทคนิคการสำรวจ JavaScript Traversal "และ" สรุปการใช้งานทางคณิตศาสตร์ JavaScript "
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน