Artikel ini menjelaskan efek kotak pemilihan waktu yang indah dari JS. Bagikan untuk referensi Anda, sebagai berikut:
Bagian Kode HTML:
<html> <bahasa skrip = javaScript src = "dataone.js"> </script> <tabel align = "center"> <tr> <td> <body> (1) hanya tanggal <input type = "text" name = "date" readonly onclick = "setday (this);"> <br/> (2) Tanggal dan jam kerja = "ini" OnClick = "setdayh (this);"> <br/> (3) Pilih tanggal dan jam dan menit <input type = "text" name = "dateHm" readonly onclick = "setdayhm (this);"> </tod> </td> </tr> </jange> </html>
DataOne.js Code:
/*** Metode Penggunaan: * (1) Pilih Hanya Tanggal <Input Type = "Text" Name = "Date" Readonly OnClick = "SetDay (This);"> * (2) Pilih Tanggal dan Jam <Input Type = "Text" Name = "DateH" Readonly OnClick = "setdayh (this);"> * (3) Date dan Minute Onclick = "setdayh (this);"> * (3) DATE DAN MINET "INPUT =" TEKPLET "TEKPA" TEKPA "TEKPAT" TEKPLICE = TEKPLICE = " OnClick = "setdayHm (this);"> * Metode untuk mengatur parameter * (1) Atur tanggal pemisah setDatesPlit (strsplit); Default adalah "-" * (2) Atur pemisah antara tanggal dan waktu setDatetimesplit (strsplit); Default adalah "" * (3) Atur waktu SettimesPlit waktu pemisah (strsplit); Default adalah ":" * (4) Atur pemisah di (1), (2), (3) setSplit (strdatesplit, strdateTimesplit, strtimmentplit); * (5) Tetapkan setyearperiod tahun mulai // ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- "Tinggi: 16px; ukuran font: 9pt; warna: putih; perbatasan: 0 solid #cccccc; kursor: tangan; latar belakang warna: #2650a6;"; // Tombol untuk sepanjang tahun, bulan, dll. Var S_Tiannet_Turn = "Lebar: 28px;" + s_tiannet_turn_base; // tutup, jelas, dll. Gaya tombol var s_tiannet_turn2 = "Lebar: 22px;" + s_tiannet_turn_base; // Pilih kotak drop-down untuk var s_tiannet_select = "Lebar: 64px; Tampilan: Tidak Ada;"; // Pilih kotak drop-down bulan, jam dan menit var s_tiannet_select2 = "Lebar: 46px; Tampilan: Tidak Ada;"; // Tanggal Pilihan Gaya Tubuh Var S_Tiannet_Body = "Lebar: 150; Latar Belakang-Color:#2650A6; Tampilan: Tidak Ada; Z-Index: 9998; Posisi: Absolute;" + "Border-Left: 1 Solid #CCCC; Border-Top: 1 Solid #CCCC; Border-Right: 1 Solid #999999; Border-Bottom: 1 Solid #999999;"; // Gaya TD yang menunjukkan hari var s_tiannet_day = "Lebar: 21px; tinggi: 20px; latar belakang-warna:#d8f0fc; font-size: 10pt;"; // gaya font var s_tiannet_font = "warna:#ffcc00; font-size: 9pt; kursor: hand;"; // tautan gaya var s_tiannet_link = "Text-Decoration: None; Font-size: 9pt; Color:#2650a6;"; // garis horily var s_tiannet_line = "border-bottom: 1 solid #6699cc"; // --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 2010; // tahun akhir yang dapat dipilih var tiannetDatenow = tanggal baru (); var tiannetyear = tiannetDateNow.getlyear (); // Nilai awal dari variabel tahun menentukan var tiannetmonth = tiannetDateNow.getMonth ()+1; // Nilai awal dari variabel yang menentukan var var tiannetday = tiannetDateNow.getDate (); var tiannethour = 8; // tiannetDatenow.getHours (); var tiannetminute = 0; // tiannetDateNow.getMinutes (); var tiannetarrday = array baru (42); // array yang mendefinisikan tanggal var tiannetDatesplit = "-"; // pemisah tanggal var tiannetDateTimesplit = ""; // pemisah tanggal var tiannetTimesplit = ":"; // waktu pemisah var tiannetoutObject; // objek yang menerima tanggal dan waktu var arrtiannethide = array baru (); // label yang dipaksa disembunyikan var m_bolshowhour = false; // Apakah jam var m_bolshowminute = false; // apakah akan menampilkan menit var m_amonhead = array baru (12); // Tentukan jumlah maksimum hari per bulan dalam kalender 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; // ------------------------------------------------------------------------- // // Jika ada nilai dalam tag, inisialisasi tanggal ke nilai saat ini var strvalue = tiannettrim (tiannetoutObject.value); if (strvalue! = "") {tiannetInitDate (strvalue); } tiannetpopcalendar (); } // Pengguna Fungsi Panggilan Utama - Pilih Fungsi Tanggal dan Jam Setdayh (OBJ) {tiannetoutObject = obj; m_bolshowhour = true; // Jika ada nilai dalam tag, tanggal dan jam diinisialisasi ke nilai saat ini var strvalue = tiannettrim (tiannetoutObject.value); if (strvalue! = "") {tiannetInitDate (strvalue.substring (0,10)); var jam = strvalue.substring (11,13); if (hour <10) tiannethour = hour.substring (1,2); } tiannetpopcalendar (); } // Pengguna Fungsi Panggilan Utama - Pilih Fungsi Tanggal dan Jam dan Menit SetDayHM (OBJ) {TiannetoutObject = OBJ; m_bolshowhour = true; m_bolshowminute = true; // Jika ada nilai dalam tag, inisialisasi tanggal, jam dan menit ke nilai saat ini 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]; if (tiannethour <10) tiannethour = tiannethour.substring (1,2); if (tiannetminute <10) tiannetminute = tiannetminute.substring (1,2); } tiannetpopcalendar (); } // Atur tanggal mulai dan tanggal akhir setyearperioD (intdatebeg, intdateend) {tiannetyearst = intdatebeg; tiannetyearend = intdateend; } // Atur pemisah tanggal. Defaultnya adalah "-" function setDatesPlit (strdatesplit) {tiannetDatesplit = strdatesplit; } // Atur pemisah antara tanggal dan waktu. Standarnya adalah "" Function SetDateTimesPlit (strdateTimesPlit) {tiannetDateTimesplit = strdateTimesPlit; } // Setel waktu pemisah. Standarnya adalah ":" Function SetTimesPlit (StrTimesPlit) {tiannetTimesPlit = strTimesPlit; } // Atur Fungsi Pemisah SetSPlit (StrdatesPlit, StrdateTimesPlit, StrTimesPlit) {TiannetDatesPlit (StrdatesPlit); TiannetDateTimesPlit (StrdateTimesPlit); TiannetTimesPlit (StrTimesPlit); TiannetTimesPlit (StrTimesPlit); } // Atur tanggal default. Formatnya adalah: yyyy-mm-dd setDefaultDate (strdate) {tiannetyear = strdate.substring (0,4); tiannetmonth = strdate.substring (5,7); tiannetday = strdate.substring (8,10); } // Atur waktu default. Formatnya adalah: HH24: MI Function SetDefaultTime (strtime) {tiannethour = strtime.substring (0,2); tiannetminute = strtime.substring (3,5); } // ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- style = "'+s_tiannet_body+'" style = "Kontrol pemilihan kalender ini ditingkatkan oleh Tiannet berdasarkan pengalaman generasi sebelumnya!"> '); document.write ('<div align = "center" id = "divtiannetDateText" author = "tiannet" style = "padding-top: 2px;">'); Document.write ('<span id = "tiannetyearhead" penulis = "tiannet" style = "'+s_tiannet_font+'"'+'onclick = "spanyearcevent ();"> tahun </span>'); document.write ('<silih id = "seltianyear" style = "'+s_tiannet_select+'" penulis = "tiannet"'+'onchange = "tiannetyear = this.value; tiannetsetday (tiannetyear, tiannetMMonTh); document.all. semua. 'this.style.display =/' none/'; ">'); untuk (var i = tiannetyearst; i <= tiannetyearend; i ++) {document.writeln ('<option value = "' + i + '">' + i + 'year </option>'); } document.write ('</select>'); Document.write ('<span id = "tiannetMonthhead" penulis = "tiannet" style = "'+s_tiannet_font+'"'+'onclick = "spanmontHcevent ();"> bulan </span>'); document.write ('<silih id = "seltianmonth" style = "'+s_tiannet_select2+'" penulis = "tiannet"'+'onchange = "tiannetmonth = this.value; tiannetsetday (tiannetyear, tiannetMonth); document.allall.all.TiannetmOnthday (tiannetyear, tiannetMonth); document.allall.all.Tiannethom 'this.style.display =/' none/'; ">'); untuk (var i = 1; i <= 12; i ++) {document.writeln ('<option value = "' + i + '">' + i + 'month </tion>'); } document.write ('</select>'); //document.write ('</div>'); //document.write('<div align = "center" id = "divtiannettimetext" penulis = "tiannet"> '); Document.write ('<span id = "tiannethourhead" penulis = "tiannet" style = "'+s_tiannet_font+'display: none;"'+'ontClick = "spanHourCevent ();"> kapan </span>'); Document.write ('<silih id = "selTianHour" style = "'+s_tiannet_select2+'display: none;" woritor = "tiannet"'+'onchange = "tiannethour = this.value; tiannetwriteHead (); document.all.all.tianNethourhead.style.dissplay =/'; 'this.style.display =/' none/'; ">'); untuk (var i = 0; i <= 23; i ++) {document.writeln ('<option value = "' + i + '">' + i + 'time </tiption>'); } document.write ('</select>'); Document.write ('<span id = "tiannetminutehead" penulis = "tiannet" style = "'+s_tiannet_font+'display: none;"'+'onclick = "spanminutecevent ();"> point </span>'); document.write ('<silih id = "seltianminute" style = "'+s_tiannet_select2+'display: none;" author = "tiannet"'+'onchange = "tiannetminute = this.value; tiannetwriteHead (); document.all.all.tiannethead.styeHead.stye =' document.all.all. 'this.style.display =/' none/'; ">'); untuk (var i = 0; i <= 59; i ++) {document.writeln ('<option value = "' + i + '">' + i + 'point </potion>'); } document.write ('</select>'); document.write ('</div>'); // output dokumen garis horizontal.write ('<div style = "'+s_tiannet_line+'"> </div>'); document.write ('<div align = "center" id = "divtiannetchurn" style = "border: 0;" worner = "tiannet">'); document.write ('<input type = "Tombol" style = "'+s_tiannet_turn+'" value = "year ↑" onclick = "tiannetprevyear ();">'); document.write ('<input type = "tombol" style = "'+s_tiannet_turn+'" value = "tahun ↓" onclick = "tiannetnextyear ();">'); document.write ('<input type = "tombol" style = "'+s_tiannet_turn+'" value = "tahun ↓" onclick = "tiannetnextyear ();">'); document.write ('<input type = "tombol" style = "'+s_tiannet_turn+'" value = "month ↑" onclick = "tiannetPrevmonth ();">'); document.write ('<input type = "tombol" style = "'+s_tiannet_turn+'" value = "month ↓" onclick = "tiannetnextmonth ();">'); document.write ('</div>'); // output dokumen garis horizontal.write ('<div style = "'+s_tiannet_line+'"> </div>'); Document.write ('<tabel border = 0 cellSpacing = 0 cellpadding = 0 bgcolor = white onselectStart = "return false">'); Document.write ('<tr style = "latar belakang-warna:#2650a6; font-size: 10pt; warna: putih; tinggi: 22px;" penulis = "tiannet">'); untuk (var i = 0; i <weekname.length; i ++) {// output document document.write ('<td align = "center" author = "tiannet">' + weekname [i] + '</td>'); } document.write ('</tr>'); document.write ('</abless>'); // Pilih Dokumen Output Day.Write ('<Border Table = 0 CellPacing = 1 CellPadding = 0 BGColor = White OnSelectStart = "Return False">'); var n = 0; untuk (var i = 0; i <5; i ++) {document.write ('<tr align = center id = "trtiannetday' + i + '">'); untuk (var j = 0; j <7; j ++) {document.write ('<td align = "center" id = "tdtiannetday' + n + '"' + 'ontClick = "tiannetday = this.innertext; tiannetSetValue (true);"' + 'style = "' + S_Tiannetnet (true);" ' +' style = "' + S_Tiannetnet') (true);" ' +' style = "' + S_Tiannetnet (true);"' ' +' style = "' + s_Tiann; n ++; } document.write ('<tr align = center id = "trtiannetday5">'); Document.write ('<td align = "center" id = "tdtiannetday35" ontClick = "tiannetday = this.innertext; tiannetsetValue (true);"' + 'style = "' + s_tiannet_day + '"> </td>'); Document.write ('<td align = "center" id = "tdtiannetday36" ontClick = "tiannetday = this.innertext; tiannetsetValue (true);"' + 'style = "' + s_tiannet_day + '"> </td>'); Document.write ('<td align = "kanan" colspan = "5"> <a href = "javascript: tiannetclear ();" style = "' + s_tiannet_link + '"> Clear </a>' + '<a href = "JavaScript: TianneTheDeccontrol (); '"> Tutup </a>' + '<a href =" javascript: tiannetsetValue (true); "style ="' + s_tiannet_link + '"> ok </a>' + '</td>'); document.write ('</tr>'); document.write ('</abless>'); document.write ('</div>'); // --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- cideelementsbyId (array baru ("seltianyear", "tiannetmonthhead"), false); if (m_bolshowhour) cideelementsbyId (array baru ("tiannethourhead"), false); if (m_bolshowminute) cideelementsbyId (array baru ("tiannetminutehead"), false); cideelementsbyId (array baru ("tiannetyearhead", "seltianmonth", "selTianhour", "seltianminute"), true); } // Klik tag rentang bulan untuk merespons fungsi spanmonthcevent () {cideelementsbyId (array baru ("seltianmonth", "tiannetyearhead"), false); if (m_bolshowhour) cideelementsbyId (array baru ("tiannethourhead"), false); if (m_bolshowminute) cideelementsbyId (array baru ("tiannetminutehead"), false); cideelementsbyId (array baru ("tiannetmonthhead", "seltianyear", "selTianhour", "seltianminute"), true); } // Klik fungsi respons tag rentang jam spanHourcevent () {cideelementsbyId (array baru ("tiannetyearhead", "tiannetmonthhead"), false); if (m_bolshowhour) cideelementsbyId (array baru ("seltianHour"), false); if (m_bolshowminute) cideelementsbyId (array baru ("tiannetminutehead"), false); cideelementsbyId (array baru ("tiannethourhead", "seltianear", "seltianmonth", "seltianminute"), true); } // Klik fungsi respons tag rentang menit spanminutecevent () {cideelementsbyId (array baru ("tiannetyearhead", "tiannetmonthhead"), false); if (m_bolshowhour) cideelementsbyId (array baru ("tiannethourhead"), false); if (m_bolshowminute) cideelementsById (array baru ("seltianminute"), false); cideelementsbyId (array baru ("tiannetminutehead", "seltianear", "seltianonth", "seltianHour"), true); } // Sembunyikan atau tampilkan fungsi tag HideelementsById (arrid, bolhide) {var strdisplay = ""; if (bolhide) strdisplay = "none"; untuk (var i = 0; i <arrid.length; i ++) {var obj = document.geteLementById (arrid [i]); obj.style.display = strdisplay; }} // ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- if ((bulan == 2) && ispinyear (tahun)) c ++; kembali C; } // Setel ulang hari ini. Terutama untuk mencegah hari ini menjadi lebih besar dari hari maksimum dalam bulan ketika tahun dibatalkan atau bulan dibatalkan. fungsi setRealdayCount () {if (tiannetday> getMonthcount (tiannetyear, tiannetmonth)) {// Jika hari saat ini lebih besar dari hari maksimum bulan itu, maka hari maksimum bulan itu diambil. tiannetday = getMonthcount (tiannetyear, tiannetmonth); }} // Tambahkan nol sebelum fungsi satu digit addZero (value) {if (value <10) {value = "0" + value; } nilai pengembalian; } // ambil fungsi ruang tiannettrim (str) {return str.replace (/(^/s*) | (/s*$)/g, ""); } // Buat fungsi opsi createOption (objselect, value, text) {var option = document.createElement ("option"); opsi.value = nilai; option.text = teks; objselect.options.add (opsi); } // Balikkan fungsi tahun ke depan tiannetprevyear () {if (tiannetyear> 999 && tiannetyear <10000) {tiannetyear--;} else {warn ("tahun di luar jangkauan (1000-9999)!");} Tiannetetday (Tiannetyear, Tiannetyears (Tiannetyears (Tiannetyears (Tiannetyears (Tiannetyear, Tiannetyear); // Jika tahun ini kurang dari tahun minimum yang diizinkan, buat opsi yang sesuai jika (tiannetyear <tiannetyearst) {tiannetyearst = tiannetyear; createOption (document.all.seltianyear, tiannetyear, tiannetyear + "tahun"); } checkselect (document.all.seltianyear, tiannetyear, tiannetyear); tiannetwriteHead (); } // Fungsi tahun flip tiannetnextyear () {if (tiannetyear> 999 && tiannetyear <10000) {tiannetyear ++;} else {alert ("Year Out of Range (1000-9999)!"); return;} tiannetsetday (tiannetyear, tiannetmonth); // Jika tahun ini melebihi tahun maksimum yang diizinkan, buat opsi yang sesuai jika (tiannetyear> tiannetyearend) {tiannetyearend = tiannetyear; createOption (document.all.seltianyear, tiannetyear, tiannetyear + "tahun"); } checkselect (document.all.seltianyear, tiannetyear, tiannetyear); tiannetwriteHead (); } // pilih Today function tiannettoday () {tiannetyear = tiannetDatenow.getlyear (); tiannetmonth = tiannetDateNow.getMonth ()+1; tiannetday = tiannetDateNow.getDate (); tiannetsetValue (true); // Tiannetsetday (Tiannetyear, Tiannetmonth); // SELECTOBTECT (); } // Ikuti fungsi bulan bulan ini tiannetPrevmonth () {if (tiannetmonth> 1) {tiannetmonth-} else {tiannetyear-; tiannetmonth = 12;} tiannetsetday (tiannetyear, tiannetmonth); checkselect (document.all.seltianmonth, tiannetmonth); tiannetwriteHead (); } // Ikuti fungsi bulan tiannetnextmonth () {if (tiannetmonth == 12) {tiannetyear ++; tiannetmonth = 1} else {tiannetmonth ++} tiannetsetday (tiannetyear, tiannetmonth); checkselect (document.all.seltianmonth, tiannetmonth); tiannetwriteHead (); } // Tulis tahun, bulan, waktu, menit, dan data lainnya ke dalam fungsi tag span tiannetwriteHead () {document.all.tiannetyearhead.innertext = tiannetyear + "tahun"; document.all.tiannetmonthhead.innertext = tiannetmonth + "bulan"; if (m_bolshowhour) document.all.tiannethourhead.innertext = "" + tiannethour + "waktu"; if (m_bolshowminute) document.all.tiannetminutehead.innertext = tiannetminute + "menit"; tiannetsetValue (false); // Tetapkan nilai ke kotak teks, tetapi tidak menyembunyikan kontrol ini} // Atur fungsi hari tampilan tiannetsetday (yy, mm) {setrealdaycount (); // atur hari nyata bulan tiannetwriteHead (); var strdateFont1 = "", strdateFont2 = "" // Latih gaya tampilan tanggal untuk (var i = 0; i <37; i ++) {tiannetarrday [i] = ""}; // Bersihkan semua isi kotak tampilan var day1 = 1; var firstday = tanggal baru (yy, mm-1,1) .getday (); // Hari Minggu Pertama Bulan Tertentu untuk (Var I = First Day; Day1 <GetMonthCount (YY, MM) +1; i ++) {tiannetarrday [i] = day1; day1 ++; } // Jika nilai sel pertama yang digunakan untuk menampilkan baris terakhir hari itu kosong, sembunyikan seluruh baris. // if (tiannetArrday [35] == "") {// document.all.trtiannetday5.style.display = "none"; //} else {// document.all.trtiannetday5.style.display = ""; //} for (var i = 0; i <37; i ++) {var da = eval ("document.all.tdtiannetday"+i) // menulis tanggal dan minggu pengaturan bulan baru jika (tiannetrday [i]! = "") {// menilai apakah itu akhir pekan, jika itu akhir pekan, perubahan red font) {If {/i iF (i iF (i iF (i iF (i iF (I IF IF AKHIRE, I JADI AKHEKNYA, IF AKHIR PEKN. strdateFont1 = "<font color =#f0000>" strdateFont2 = "</font>"} else {strdateFont1 = ""; strdateFont2 = ""} da.innerHtml = strdateFont1 + tiannetArrday [i] + strdateFont2; // Jika ini adalah hari yang saat ini dipilih, ubah warna if (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 = "default"}} // end untuk fungsi tiannetsetValue (false); // menetapkan nilai teks ke kotak teks, tetapi tidak Menyembunyikan Fungsi TiannetSetValue (false);/ checkselect (objselect, selectValue) {var count = parseInt (objselect.length); if (selectValue <10 && selectValue.ToString (). Length == 2) {SelectValue = SelectValue.SubString (1,2); } untuk (var i = 0; i <count; i ++) {if (objselect.options [i] .value == selectValue) {objselect.selectedIndex = i; merusak; }} // untuk} // Pilih fungsi kotak drop-down SelectObject () {// Jika tahun kurang dari tahun minimum yang diizinkan, buat opsi yang sesuai jika (tiannetyear <tiannetyearst) {untuk (var i = tiannetyear; i <tiannetyearst; i ++) {createoption (document.allselselel, "iNiPTion (document.allselel," iNiPtion. } tiannetyearst = tiannetyear; } // Jika tahun ini melebihi tahun maksimum yang diizinkan, buat opsi yang sesuai jika (tiannetyear> tiannetyearend) {for (var i = tiannetyearend + 1; i <= tiannetyear; i ++) {createOption (document.all.seltianyear, i, i + "tahun); } tiannetyearend = tiannetyear; } checkselect (document.all.seltianyear, tiannetyear); checkselect (document.all.seltianmonth, tiannetmonth); if (m_bolshowhour) checkselect (document.all.seltianshour, tiannethour); if (m_bolshowminute) checkselect (document.all.seltianminute, tiannetminute); } // Tetapkan nilai ke kontrol yang menerima tanggal dan waktu // parameter bolhidecontrol - apakah akan menyembunyikan fungsi kontrol tiannetsetValue (bolhidecontrol) {var value = ""; if (! tiannetday || tiannetday == "") {tiannetoutObject.value = value; kembali; } 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 + hari; if (m_bolshowhour) {var hour = tiannethour; if (hour <10 && hour.toString (). length == 1) jam = "0" + jam; nilai + = tiannetDateTimesplit + jam; } if (m_bolshowminute) {var menit = tiannetminute; if (menit <10 && menit.toString (). length == 1) menit = "0" + menit; nilai + = tiannettimesplit + menit; } tiannetoutObject.value = value; //document.all.divtiannetDate.style.display = "none"; if (bolhidecontrol) {tiannethidecontrol (); }} // Apakah itu menampilkan fungsi waktu showtime () {if (! M_bolshowhour && m_bolshowminute) {waspada ("Jika Anda ingin memilih menit, Anda harus dapat memilih jam!"); kembali; } cideelementsbyId (array baru ("tiannethourhead", "selTianhour", "tiannetminutehead", "seltianminute"), true); if (m_bolshowhour) {// tunjukkan jam hidelementsbyId (array baru ("tiannethourhead"), false); } if (m_bolshowminute) {// tunjukkan menit hidelementsbyId (array baru ("tiannethourhead"), false); } if (m_bolshowminute) {// tunjukkan menit hidelementsbyId (array baru ("tiannetminutehead"), false); }} // Kontrol pemilihan kalender muncul untuk membiarkan pengguna memilih fungsi tiannetpopcalendar () {// Sembunyikan kotak drop-down untuk menampilkan head hideelementsbyId yang sesuai (array baru ("seltianyear", "seltianonth", "selitanHour", "seltianminute"), "seltianmonth", "seltianHour", "seltianminute"), benar); cideelementsbyId (array baru ("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; // Hitung kiri if (window.event.x + h> document.body.offsetWidth - 10) ix = window.event.x - h - 5; lain ix = window.event.x + 5; if (ix <0) ix = 0; // Hitung top iy = window.event.y; if (window.event.y + w> document.body.offsetHeight - 10) iy = document.body.scrolltop + document.body.offsetHeight - w - 5; lain iy = document.body.scrolltop + window.event.y + 5; if (iy <0) iy = 0; ayah. Left = ix; dads.top = iy; tiannetshowControl (); SELECTEROBJECT (); } // Sembunyikan kontrol kalender (menunjukkan tag tersembunyi paksa pada saat yang sama) fungsi tiannethidecontrol () {document.all.divtiannetDate.style.display = "none"; tiannetshowObject (); arrtiannethide = array baru (); // hapus objek tag tersembunyi} // tunjukkan kontrol kalender (sembunyikan tag yang dikaburkan pada saat yang sama) fungsi tiannetshowControl () {document.all.divtiannetdate.style.display = ""; tiannethideObject ("pilih"); tiannethideObject ("objek"); } // Sembunyikan tag sesuai dengan nama tag. Jika pilih kontrol akan diblokir, fungsi objek tiannethideObject (strtagname) {x = document.all.divtiannetDate.offsetleft; y = document.all.divtiannetDate.offsettop; h = document.all.DivTianNetDate.OffsetHeight; w = document.all.DivTianNetDate.OffsetWidth; untuk (var i = 0; i <document.all.tags (strtagname) .length; i ++) {var obj = document.all.tags (strtagname) [i]; if (! Obj ||! Obj.OffsetParent) Lanjutkan; // Dapatkan koordinat relatif elemen untuk tag tubuh var objleft = obj.offsetleft; var objtop = obj.offsettop; var objheight = obj.offsetheight; var objwidth = obj.offsetwidth; var objParent = obj.offsetParent; while (objParent.tagname.touppercase ()! = "body") {objleft += objParent.offsetleft; objtop += objParent.offsettop; objParent = objParent.offsetParent; } // peringatan ("ujung kiri kontrol:" + x + "Pilih ujung kiri" + (objleft + objwidth) + "bawah kontrol:" + (y + h) + "Pilih tinggi:" + objtop); var bolhide = true; if (obj.style.display == "none" || obj.style.visibility == "tersembunyi" || obj.getattribute ("penulis") == "tiannet") {// jika tag itu sendiri tersembunyi, itu tidak perlu disembunyikan lagi. Jika itu adalah kotak drop-down di kontrol, itu tidak perlu disembunyikan. Bolhide = false; } if (((objleft + objwidth)> x && (y + h + 20)> objtop && (objtop + objheight)> y && objoLeft <(x + w)) && bolhide) {//arrtinide odianhide. obj.style.visibility = "tersembunyi"; }}} // Tampilkan fungsi tag tersembunyi tiannetshowObject () {for (var i = 0; i <arrtiannethide.length; i ++) {// waspada (arrtianNethide [i]); arrtiannethide [i] .style.visibility = ""; }} // Tanggal Inisialisasi. function tiannetInitDate (strdate) {var arr = strdate.split (tiannetDateSplit); tiannetyear = arr [0]; tiannetmonth = arr [1]; tiannetday = arr [2]; } // Clear function tiannetClear () {tiannetoutObject.value = ""; tiannethidecontrol (); } // Tutup kontrol saat mengklik fungsi apa pun Document.onClick () {with (window.event.srcelement) {if (tagname! = "Input" && getAttribute ("penulis")! = "Tiannet") tiannethidecontrol (); }} // tekan tombol ESC untuk menutup fungsi control function.onKeyPress () {if (event.keycode == 27) {tiannethidecontrol (); }}Untuk informasi lebih lanjut tentang konten terkait JavaScript, silakan periksa topik -topik situs ini: "Ringkasan Keterampilan Operasi JSON dalam JavaScript", "Ringkasan Efek dan Teknik Beralih JavaScript", "Ringkasan Keterampilan Pencarian JavaScript dan Ringkasan Data Javascript" Ringkasan Javascript "," Ringkasan Javascript "Ringkasan Javascript" Ringkasan Javascript Keterampilan Algoritma "," Ringkasan Algoritma dan Teknik Traversal Javascript "dan" Ringkasan Penggunaan Operasi Matematika JavaScript "
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.