Artikel ini menjelaskan implementasi pemilih tanggal yang akurat untuk detik oleh JS. Bagikan untuk referensi Anda, sebagai berikut:
<script> // Fungsi panggilan utama adalah setday (this, [objek]) dan setday (ini). [Objek] adalah output nama kontrol oleh kontrol. Give two examples: // 1. <input name=txt><input type=button value=setday onclick="setday(this,document.all.txt)">// 2. <input onfocus="setday(this)">var bMoveable=true;var strFrame;document.writeln('<iframe id=endDateLayer frameborder=0 width=162 height=211 style="position: Absolute; Z-index: 9998; #63a3e9 1px solid; latar belakang-warna: #63a3e9; font-family: 安安;} '; strframe+=' td {font-size: 9pt; font-family: 安安安;} '; strframe+=' </style> '; strframe+=' <scr '+' iPt> = '</style>'; strframe+= '<scr'+'iPt>'; datelayerx, datelayery; '; strFrame+=' var bdrag; '; strframe+=' function document.onmouseMove () '; strFrame+=' {if (bdrag && window.event.button == 1) '; strframe+=' {var var datelayer = parent.document.all.all.all.all.all. Datelayer.posleft+= window.event.clientx-datelayerx; '; strframe+=' datelayer.postop+= window.event.clienty-datelayery;}} '; strframe+=' function dragstart () '; strframe+=' {var var Datelayer = parents.document.all.endDatelayer.Style; '; strFrame+=' datelayerx = window.event.clientx; '; strframe+=' datelayery = window.event.clienty; '; strframe+=' bdrag = true;} '; strframe+=' Dragend () {'; strFrame+=' bdrag = false;} '; strframe+=' </scr '+' pt> '; strFrame+=' <div style = "z-index: 9999; Posisi: absolute; kiri: 0; atas: 0;" OnSelectStart = "return false"> '; strFrame+=' <span id = tmpSelectyearlayer style = "z-index: 9999; Posisi: absolute; atas: 3; kiri: 19; tampilan: tidak ada"> </span> '; strframe+=' <span id = TMPSELECTMONTMONTHLAYER STYLETE; 78; Display: None "> </span> '; strframe+=' <span id = tmpSelecthourlayer style =" z-index: 9999; Posisi: absolute; atas: 188; 188; BorderColor =#63a3e9 bgcolor =#63a3e9> '; strframe+=' <tr> <td lebar = 142 tinggi = 23 bgcolor =#ffffff> '; strframe+=' <table border = 0 sel cellpacing = 1 sel cellpadding = 0 Lebar = 158 tinggi = 23> 23> '; <td width = 16 align = tengah bgcolor = #63a3e9 style = "font-size: 12px; kursor: tangan; warna: #ffffff" '; strframe+=' ontClick = "parent.meizzprevm ()"> <b> <</b> </td> '; strframe+=' "TD = 60 bgcolor = "#63a3e9" style = "font-size: 12px; kursor: hand" '; strframe+=' onmouseover = "style.backgroundColor =/'#aaccf3/'"; strframe+= 'onmouseout = "style.backgroundColor =/63a3; OnClick = "Parent.tmpSelectyearinnerHtml (this.innerText.substring (0,4))" '; strframe+='> <span id = meizzyearhead> </span> </td>; font: font: font: font: font: font: font: 48 colpff: font: font: font: 48 colpff: font: font: font: 48 colpff: font: font: font: font: font: font: 48 colpff: font: font: font: font: 48 font: font: font: font: 48 font: font: font: font: 48 font: font: font: 48 font; '; strframe+=' bgcolor = "#63a3e9" onmouseover = "style.backgroundColor =/'#aaccf3/'" '; strframe+=' onmouseout = "style.backgroundColor =/'#63a3e9/'"; strframe+= ' OnClick = "Parent.tmpSelectmonthinnertml (this.innertext.length == 3? this.innerText.substring (0,1): this.innerText.substring (0,2))"; strframe+= '> <span id = Meizzhead> </span> </span> </strfame+='> <span id = meizzhead> </span> </span> </span/tange = '> <span id = meizzhead> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> bgcolor = #63a3e9 align = center style = "font-size: 12px; kursor: tangan; warna: #ffffff" '; strframe+=' ontClick = "parent.meizzNextM ()"> <b>> </b> </dd> '; strframe+=' </trfr> '; </able> </td> </tr> '; strFrame+=' <tr> <td lebar = 142 tinggi = 18> '; strframe+=' <tabel border = 0 CellPacing = 0 CellPadding = 2 bgcolor =#63a3e9 '+(bmovable?' OnMousedown = "dragffr nama () () () () (oNMoFeMable =") (oNMOUSEPLEM = ") (ONMOUSEP =") (ONMOUSEP = ") (ONMOUSEPEP =") (ONMOUSEPEP = ") (ONMOUSEPEP =") (ONMOUSEPEP = ") (ONMOUSEUPOR? BorderColorlight =#63a3e9 borderColordark =#fffffff width = 140 tinggi = 20 style = "kursor: ' + (bmovable?' Move ':' default ') +'"> '; strframe + =' <tr> <td = "font-size: 12px; color: #FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF yang”; style = "font-size: 12px; color: #ffffff"> satu </td> <ty style = "font-size: 12px; color: #ffffff"> t </td> '; strframe+=' <td style = "font-ukuran: 12px; color: #ffff"> satu </td> <td style = "font-size: 12px; color: #ffffff"> t </td> '; strFrame+=' <td style = "font-size: 12px; warna: #ffffff"> satu </td> <td style = "font-size: 12px; color: #ffffff"> satu </td> '; style = "font-size: 12px; color: #ffffff"> enam </td> <td style = "font-size: 12px; warna: #ffffff"> enam </td> <td style = "font-size: 12px; color: #FFFFFF"> enam </td> </tr>; > '; strFrame+=' <tr> <tabel border = 1 cellpacing = 2 cellpadding = 2 bordercolorlight =#63a3e9 bordercolordark =#fffff bgcolor =#fff8ec lebar = 140 tinggi = 120> '; var n = 0; untuk (j = 0; j <5; j ++) {strframe+= '<tr align = center>'; untuk (i = 0; i <7; i ++) {strFrame+= '<td width = 20 tinggi = 20 id = meizzday'+n+'style = "font-size: 12px" ontClick = parent.meizzdayClick (this.innertext, 0)> </td>'; n ++;} strframe+= '=') </td> '; n ++;} strframe+=') </td> '; (i = 35; i <37; i ++) strFrame+= '<td lebar = 20 tinggi = 20 id = meizzday'+i+'style = "font-size: 12px" onclick = "Parent.meizzdayClick (this.innertext, 0)"> </td>'; strframe+= '<innertext, 0) "> </td>'; strframe+= <td colsp, 0)"> </td> '; strframe+= <td COLSET (td cols = telah </td =/td col = td = td = td col = td col = OnClick = "parent.setnull ()" style = "font-size: 12px; kursor: tangan" '; strframe+=' onmouseover = "style.color =/'#ff0000/'" onmouseout = "stanye.color =/'#1478eb/'"> kosong </span> </span.color = "#148EB/'"> kosong </span> </span.color = "#148EB/'"> kosong </span> </span-span = "#"#"#'#' style = "font-size: 12px; kursor: hand" '; strframe+=' onmouseover = "style.color =/'#ff0000/'" onmouseout = "style.color =/'#148eb/' '"> saat ini </span> <span style = "cursor: hand" iD = evaAln OnmoVolok. onmouseout = "style.color =/'#1478eb/'" onClick = "parent.closelayer ()"> tutup </span> </td> </tr> '; strframe+=' </ables> </td> </tr> <td> '; strframe+= 0 sel = 0 sel = 0 sel = 0 sel = 0 sel = 0 sel = 0 sel = 0 sel = 0 sel = 0 sel = 0 sel = 0 sel = 0 sel = 0 sel = 0 sel = 0 sel = 0 sel = 0 sel = bgcolor =#ffffff tinggi = 22> '; strframe+=' <tr bgcolor = "#63a3e9"> <td id = busetimelayer width = 30 style = "kursor: hand"; strframe+= 'onmouseOver = "style.backgroundcolor =/'#aaccf3 onmouseout = "style.backgroundColor =/'#63a3e9/'" '; strframe+=' onClick = "parent.usetime (this)"> '; strframe+=' <span> </span> </td> '; strframe+=' <td style = "Cursor: Hand" Hand " OnClick = "Parent.tmpSelecthourinnerHtml (this.innertext.length == 3? this.innerText.substring (0,1): this.innerText.substring (0,2))" '; strframe+=' onmouseover = "style.backgroundcolor =/' onmouseout = "style.backgroundColor =/'#63a3e9/'" '; strframe+=' align = lebar tengah = 42> '; strframe+=' <span id = meizzhourhead> </span> </td> '; strframe+=' <td style = "cursor: hand" hand " OnClick = "Parent.tmpSelectMinuteInnerHtml (this.innertext.length == 3? this.innerText.substring (0,1): this.innerText.substring (0,2))"; strframe+= 'Onmouseover = "style.backgroundcolor =/' onmouseout = "style.backgroundColor =/'#63a3e9/'" '; strframe+=' align = lebar tengah = 42> '; strframe+=' <span id = meizzminutehead> </span> </td> '; strframe+=' <td style = "cursor: hand" OnClick = "Parent.tmpSelectSecondinnerHtml (this.innerText.length == 3? this.innerText.substring (0,1): this.innerText.substring (0,2))"; strframe+= 'Onmouseover = "style.backgroundcolor =/' onmouseout = "style.backgroundColor =/'#63a3e9/'" '; strframe+=' align = lebar tengah = 42> '; strframe+=' <span id = meizzsecondhead> </span> </td> '; strframe+=' </tr> </td> </tr> </able> </div> '; window.frames.endDatelayer.document.writeln (strframe); window.frames.endDatelayer.document.close (); // selesaikan masalah yang tidak dilakukan oleh bilah kemajuan IE end // ========================================================================================================================================= ============================================================== ================================================================ Tampilan Halaman Web bagian ================================================================== =================================================================== =================================================================== =================================================================== =================================================================== =================================================================== =================================================================== =================================================================== odatelayer = window.endDatelayer.document.all; // odatelayer.busetimelayer.innerText = "no"; bimgswitch (); odatelayer.busetimelayer.innerHtml = bimg; fungsi setday (tt, obj) // function {api {oMg; functiumes (tt, tt, tt, obj) // Main {function- functiumes (tt, tt, tt, tt, obj) // {funche {tt, tt, tt, tt, tt, tt, tt, ob)/ Parameter diteruskan ke kontrol ini! "); return;} if (arguments.length == 0) {alert (" Maaf! Anda tidak meneruskan parameter apa pun ke kontrol ini! "); return;} var dads = document.all.endDatelayer.style; var th = tt; var ttop = tt.offsettop; // Titik penentuan posisi kontrol TT adalah var tinggi mereka = tt.clientHeight; // Var tinggi dari kontrol TT itu sendiri adalah TLEFT = TT.Offsetleft; // Titik penentuan posisi kontrol TT adalah var ttyp = tt.type; // Jenis kontrol TT adalah while (tt = tt.offsetParent) {ttop+= tt.offsettop; TLEFT+= TT.OffsetLeft;} dads.top = (ttyp == "gambar")? ttop+thei: ttop+thei+6; dads.left = tleft; outobject = (argumen.length == 1)? th: obj; outbutton = (argumen.length == 1)? NULL: TH; // Atur tombol klik eksternal // tunjukkan tahun kalender dan bulan var reg =/^(/d+)-(/d {1,2})-(/d {1,2})/; // tidak termasuk waktu var r = outobject.value.match (reg); if (r! = Null) {r [2] = r [2] -1; var d = tanggal baru (r [1], r [2], r [3]); if (d.getlyear () == r [1] && D.getMonth () == r [2] && D.GetDate () == r [3]) {outDate = d; Parent.meizztheyear = r [1]; parent.meizzthement = r [2]; Parent.meizzthedate = r [3]; } else {outdate = ""; } meizzsetday (r [1], r [2] +1);} else {outdate = ""; meizzsetday (tanggal baru (). getlyear (), new date (). getMonth () + 1);} dads.display = ''; // menilai apakah waktu penggunaan digunakan selama inisialisasi, verifikasi non-ketat // jika (outobject.value.length> 10) // {Busetime = true; bimgswitch (); odatelayer.busetimelayer.innerhtml = bimg; MeizzwriteHead (Meizztheyear, Meizzthementth); //} // else // {// Busetime = false; // bimgswitch (); // odatelayer.busetimelayer.innerHtml = bimg; // meizzwriteHead (meizztheyear, meizzthemorth); (e) {// Kesalahan dikecualikan di sini, penyebab kesalahan belum ditemukan. }} var monhead = array baru (12); // Tentukan jumlah maksimum hari per bulan dalam kalender Gregorian Monhead [0] = 31; Monhead [1] = 28; Monhead [2] = 31; Monhead [3] = 30; Monhead [4] = 31; Monhead [5] = 30; Monhead [6] = 31; Monhead [7] = 31; Monhead [8] = 30; Monhead [9] = 31; Monhead [10] = 30; Monhead [11] = 31; var meizztheyear = new Date (). getlyear (); // Tentukan nilai awal variabel tahun ini var meizzthemonth = tanggal baru (). GetMonth ()+1; // Tentukan nilai awal variabel bulan ini var meizzthedate = new date (). GetDate (); // Tentukan nilai awal variabel hari ini var meizzehehour = tanggal baru (). GetHours (); // Tentukan nilai awal variabel jam var meizztheminute = tanggal baru (). Getminutes (); // Tentukan nilai awal variabel menit var meizzthesecond = new date (). Getseconds (); // Tentukan nilai awal variabel kedua var meizzwday = array baru (37); // Array yang mendefinisikan tanggal write document.onClick = (function () {with (window.event) {if (srcelement! = OutObject && srcelement! = Outbutton) closelayer ();}}) document.onkeyup = (function () {if (window.event.keycode == 27) closelayer ();} else if (document.activeElement) {if (document.activeElement! = outobject && document.activeElement! = outbutton) {closelayer (); "Tahun"; odatelayer.meizzmonthhead.innertext = format (mm)+"bulan"; // masukkan jam dan menit saat ini odatelayer.meizzhourhead.innertext = Busetime? (MeizzheHour+"Time"): ""; odatelayer.meizzead. risalah "):" "; Odatelayer.meizzsecondhead.innertext = Busetime? (Meizzthesecond+" detik "):" ";} fungsi tmpSelectyearinnerhtml (stryear) // kotak drop-down untuk tahun {if (stryear.match (// d/)! angka! "); return;} var m = (stryear)? stryear: tanggal baru (). getlyear (); if (m <1000 || m> 9999) {alert ("Nilai tahun tidak antara 1000 dan 9999!"); return;} var n = m - 50; if (n <1000) n = 1000; if (n + 101> 9999) n = 9974; var = 1000; if (n + 101> 9999) n = 9974; var = "nameEAR = nameEAR = nameEAR = 999999) n = 9974; var =" nameEAR = nameEAR = nameEAR = 999999) n = 9974; VAR = "NAME =" NAME = 101> 9999) N = 9974; VAR = "NAME =" NAME = 9999) N = 9974; VAR = "NAME =" NAME = 999) 12px '"s +=" oNblur =' document.all.tmpSelectyearlayer.style.display =/"none/" 's += "onchange =' document.all.tmpselectyearlayer.style.display =/" tidak ada/";" s += "parent.meizzthhearear =/none; parent.meizzsetday (parent.meizztheyear, parent.meizzthement) '>/r/n "; var selectInnerHtml = s; for (var i = n; i <n + 101; i ++) {if (i == m) {selectInnerHtml + =" <opsi value =' = " + I +" "" "" "" "" "" "" "" " } else {selectInnerHtml + = "<option value = '" + i + ">" + i + "year" + "</tiption>/r/n"; }} selectInnerHtml += "</select>"; odatelayer.tmpselectyearlayer.style.display = ""; odatelayer.tmpSelectyearlayer.innerHtml = selectInnerHtml; odatelayer.tmpelectyear.focelectyear.focuse (function. TMPSelectmonthinnerHtml (strmonth) // kotak pull-down untuk bulan {if (strmonth.match (// d/)! = null) {alert ("Parameter input bulan bukan angka!"); return;} var m = (strmonth)? Stronth: Tanggal baru (). getMonth () +1; var s = "<pilih name = tmpSelectmonth style = 'font-size: 12px'" s += "oNblur = 'document.all.tmpSelectMonthlayer.style.display =/" no/"' 's += = s += "Onchange = 'document.all.tmpSelectmonthlayer.style.display =/" none/";" s+= "Parent.meizzthemonth = this.value; parent.meizzsetday (Parent.meizztheyear, Parent.meizzthemonth)'>/r/r/n"; var var) {iFize = ste; sm; i i {iF; (i == m) {selectInnerHtml+= "<option value = '"+i+"' dipilih>"+i+"bulan"+"</tiption>/r/n"; } else {selectInnerHtml+= "<option value = '"+i+">"+i+"month"+"</pection>/r/n"; }} selectInnerHtml += "</sfect>"; odatelayer.tmpSelectMonthlayer.style.display = ""; odatelayer.tmpelectmonthlayer.innerHtml = selectinnerHtml; odatelayer.tmpselectmOnth.tmslonth.foTochoCus; tmpSelecthourinnerHtml (strhour) // jam drop-down box {if (! Busetime) {return;} if (strhour.match (// d/)! = null) {alert ("Parameter input jam bukan angka!"); return;} var m = (strhour)? strhour: tanggal baru (). getHours (); var s = "<pilih name = tmpSelecthour style = 'font-size: 12px'" s += "oNblur = 'document.all.tmpselecthourlayer.style.display =/" none/"' s += = s += = "Onchange = 'document.all.tmpSelecthourlayer.style.display =/" none/";" s+= "parent.meizzthehour = this.value; parent.evasetTime (Parent.meizzthour, parents.meizztheminute);'>/r/n"; varizeRin, Parent.meizzthemInute); '>/r/n "; var; if (i == m) {selectInnerHtml+= "<option value = '"+i+"' dipilih>"+i+"</tiption>/r/n"; } else {selectInnerHtml+= "<option value = '"+i+">"+i+"</pection>/r/n"; }} selectInnerHtml += "</silih>"; odatelayer.tmpselecthourlayer.style.display = ""; odatelayer.tmpSelecthourlayer.innerHtml = selectInnerHtml; odatelayer.tmpselecselecthour (function (function. TMPSelectMinuteInnerHtml (strminute) // Minute Drop-down Box {if (! Busetime) {return;} if (strminute.match (// d/)! = null) {alert ("parameter input menit bukan angka!"); return;} var m = (strminute)? Strminute: Tanggal baru (). GetMinutes (); var s = "<pilih name = tmpSelectMinute style = 'font-size: 12px'" s += "onblur = 'document.all.tmpSelectMinutelayer.style.display =/" no/"" s += = = "Onchange = 'document.all.tmpSelectMinutelayer.style.display =/" none/";" s += "parent.meizztheminute = this.value; parent.evasettime (parents.meizzhour, Parent.meizztheminute);'>/r/n var; var; s = smeizztheminute); '>/r/n var; var; s = smeizztheminute);'>/r/r/n var; i ++) {if (i == m) {selectInnerHtml+= "<option value = '"+i+"' Selected>"+i+"</tiption>/r/n"; } else {selectInnerHtml+= "<option value = '"+i+">"+i+"</pection>/r/n"; }} selectInnerHtml += "</select>"; odatelayer.tmpSelectMinutelayer.style.display = ""; odatelayer.tmpelectMinutelayer.innerHtml = selectInnerHtml; odatelayer.tmpselminermin (odatelayer. TMPSelectSecondinnerHtml (strsecond) // kotak drop-down kedua {if (! Busetime) {return;} if (strsecond.match (// d/)! = null) {alert ("parameter input menit bukan angka!"); return;} var m = (strsecond)? Strsecond: Tanggal baru (). GetMinutes (); var s = "<pilih name = tmpSelectSecond style = 'font-size: 12px'" s += "onblur = 'document.all.tmpSelectSecondlayer.style.display =/" no/"" s += = = "Onchange = 'document.all.tmpSelectSecondlayer.style.display =/" none/";" s += "Parent.meizzthesecond = this.value; Parent.evasetTime (Parent.meizzthour, net/nezezztheminute, Parent.meizzThezThezer;'> netnour; 0; } else {selectInnerHtml+= "<option value = '"+i+">"+i+"</pection>/r/n"; }} selectInnerHtml += "</silih>"; odatelayer.tmpSelectSecondlayer.style.display = ""; odatelayer.tmpelectsecondlayer.innerHtml = selectinnerHtml; odatelayer.tmpselSelects. layer {var o = document.geteLementById ("endDatelayer"); if (o! = null) {o.style.display = "none";}} function showlayer () // penutupan {document.all.all.endDatelayer.style.display = "; (0 == tahun%4 && ((tahun%100! = 0) || (tahun%400 == 0))) kembali true; lain pengembalian false;} function getmonthcount (tahun, bulan) // Februari tahun kabisat adalah 29 hari {var c = monhead [bulan-1]; if (bulan == 2) && ispinyear (tahun), bulan), c+c+c+if (bulan (bulan == 2) && ispinyear (tahun) c+c+c+. Minggu hari tertentu {var c = monhead [bulan-1]; if ((bulan == 2) && ispinyear (tahun)) c ++; return c;} function getdow (hari, bulan, tahun) // temukan hari minggu tertentu {var dt = tanggal baru (tahun, bulan-1, hari) .getday ()/7; kembalikan dt;} function meizzprevy () // flip tahun {if (meizztheyear> 999 && meizztheyear <10000) {meizztheyear-;} else {alert ("tahun di luar jangkauan (1000-9999)!");} Meizzsetday (Meizztheyear, Meizzthemonth); Tahun {if (meizztheyear> 999 && meizztheyear <10000) {meizztheyear ++;} else {alert ("Year Out of Range (1000-9999)!");} Meizzsetday (MeizzTheyear, Meizzthement);} function setnull () {orcorobject.vaLaye (MeizzeMonth);} function setnull () {orcorobject. // tombol hari ini {parent.meizztheyear = new date (). Getlyear (); parent.meizzthementth = new date (). GetMonth ()+1; parent.meizzthedate = new Date (). GetDate (); Parent.meizzhour = new date (); gethours (); parentsinthem = new date (); gethours (); parentsinthem = new date (); gethours (); parentsinthem = new date (); gethours (); Parentsinthem Date (). Getminutes (); parent.meizzthesecond = new date (). Getseconds (); var meizzthesecond = new date (). GetSeconds (); if (meizzthement <10 && meizzthemonth.length <2) /fforme menjadi dua digit {parent.mezzthementth = "0) /fforme menjadi dua digit {parent.mezzthementth =" 0. "0. 0 'format menjadi dua digit. (Parent.meizzthedate <10 && parent.meizzthedate.length <2) // format menjadi dua digit {parent.meizzthedate = "0" + parents.meizzthedate;} // meizzsetday (meizztheyear, meizzthemonth); if o.oblect) {ifeyey (ifeAteY (ifeAteY (ifezye.v (ifezye.v (ifezye.v (ifezye.v (ifezeyth); Format (Parent.meizzthement) + "-" + format (parent.meizzthedate) + "" + format (parent.meizzthehehour) + ":" + format (parent.meizztheminute) + ":" + format (parent.meizzthesecond); // Catatan: Di sini Anda dapat mengubah output ke format yang Anda inginkan} else {outobject.value = parent.meizztheyear + "-" + format (parent.meizzthement) + "-" + format (parent.meizzthedate); //Note: Here you can change the output to the format you want}}closeLayer();}function meizzPrevM() //Follow the month forward{if(meizzTheMonth>1){meizzTheMonth--}else{meizzTheYear--;meizzTheMonth=12;}meizzSetDay(meizzTheYear,meizzTheMonth);}function meizzNextM() //Follow the Bulan mundur {if (meizzthement == 12) {meizztheyear ++; meizzthementh = 1} else {meizzthement ++} meizzsetday (meizztheyear, meizzthement);} // todo: atur kode fungsi meizzsetday (yy, mm) // program utama program Main: ************* {MeizzwriteHead (yy, mm); // Tetapkan variabel publik tahun dan bulan saat ini untuk memberikan nilai Meizztheyear = yy; meizzthement = mm; untuk (var i = 0; i <37; i ++) {meizzwday [i] = ""}; // Bersihkan semua isi kotak tampilan var day1 = 1, day2 = 1, firstday = tanggal baru (yy, mm-1,1) .getday (); // Hari apa minggu pertama bulan pertama untuk (i = 0; i <firstday; i ++) meizzwday [i] = getMonthcount (mm == 1? Yy-1: yy, mm == 1? 12: mm-1)-firstday+i+1 // Beberapa hari terakhir bulan lalu untuk (i = mm-hari) {hari tutup 1+1 Meizzwday [i] = day1; day1 ++; } untuk (i = hari pertama+getMonthcount (yy, mm); i <37; i ++) {meizzwday [i] = day2; day2 ++; } untuk (i = 0; i <37; i ++) {var da = eval ("odatelayer.meizzday"+i) // dengan pengaturan tanggal dan minggu dari bulan baru jika (meizzwday [i]! = "") {// menginisialisasi perbatasan da.bordercolorlight = "#63a3e9"; da.bordercolordark = "#63a3e9"; da.style.color = "#1478eb"; if (i <firstday) // bagian bulan lalu {da.innerHtml = "<b> <font color =#bcbabc>" + meizzwday [i] + "</font> </b>"; da.title = (mm == 1? 12: mm-1) + "bulan" + meizzwday [i] + "day"; da.onClick = function ("MeizzdayClick (this.innerText, -1)"); if (! Outdate) da.style.backgroundColor = ((mm == 1? yy-1: yy) == tanggal baru (). getlyear () && (mm == 1? 12: mm-1) == Tanggal baru (). GetMonth ()+1 && MeizzWday [i] == Tanggal baru (). GetDate ().) "#5CEFA0": "#f5f5f5"; selain itu {da.style.backgroundColor = ((mm == 1? yy-1: yy) == outdate.getlyear () && (mm == 1? 12: mm-1) == outdate.getMonth () + 1 && meizzway [i] == outdate.getDate ())? "#84c1ff": (((mm == 1? Yy-1: yy) == tanggal baru (). Getlyear () && (mm == 1? 12: mm-1) == Tanggal baru (). GetMonth ()+1 && meizzwday [i] == Tanggal baru (). GetDate ())?#5CEF; // Tunjukkan tanggal yang dipilih sebagai concave if ((mm == 1? Yy-1: yy) == outdate.getlyear () && (mm == 1? 12: mm-1) == outdate.getOnth () + 1 && meizzwday [i] == outDate.getDate ()) {DA.BORDERCOLCOLAD [i] == "; da.bordercolordark = "#63a3e9"; }}} lain if (i> = firstday + getMonthcount (yy, mm)) // bagian bulan depan {da.innerhtml = "<b> <font color =#bcbabc>" + meizzwday [i] + "</font> </b>"; da.title = (mm == 12? 1: mm + 1) + "bulan" + meizzwday [i] + "day"; da.onClick = function ("MeizzdayClick (this.innerText, 1)"); if (! Outdate) da.style.backgroundColor = ((mm == 12? yy+1: yy) == tanggal baru (). getlyear () && (mm == 12? 1: mm+1) == Tanggal baru (). getMonth ()+1 && meizzwday [i] == Tanggal baru (). "#5CEFA0": "#f5f5f5"; else {da.style.backgroundColor = ((mm == 12? yy+1: yy) == outdate.getlyear () && (mm == 12? 1: mm+1) == outdate.getMonth ()+1 && meizzway [i] == outdate.getDate ())? "#84c1ff": (((mm == 12? Yy+1: yy) == tanggal baru (). Getlyear () && (mm == 12? 1: mm+1) == Tanggal baru (). GetMonth ()+1 && Meizzwday [i] == Tanggal baru (). GetDate ())? " // Tunjukkan tanggal yang dipilih sebagai concave if ((mm == 12? Yy+1: yy) == outdate.getlyear () && (mm == 12? 1: mm+1) == outdate.getOnth ()+1 && meizzwday [i] == outDate.getDate ()) {DA.BORDERC [i] == "FFFFF"; da.bordercolordark = "#63a3e9"; }}} else // bagian bulan ini {da.innerHtml = "<b>" + meizzwday [i] + "</b>"; da.title = mm + "bulan" + meizzwday [i] + "day"; da.onClick = function ("MeizzdayClick (this.innerText, 0)"); // Berikan TD pemrosesan acara OnClick // Jika itu adalah tanggal yang saat ini dipilih, latar belakang biru cerah akan ditampilkan; Jika ini adalah tanggal saat ini, latar belakang kuning gelap akan ditampilkan jika (! Outdate) da.style.backgroundColor = (yy == Tanggal baru (). getlyear () && mm == Tanggal baru (). getMonth ()+1 && meizzwday [i] == Tanggal baru (). GetDate ())? "#5CEFA0": "#f5f5f5"; else {da.style.backgroundColor = (yy == outdate.getlyear () && mm == outdate.getMonth () + 1 && meizzwday [i] == outdate.getDate ())? "#84c1ff": ((yy == new Date (). Getlyear () && mm == tanggal baru (). GetMonth ()+1 && meizzwday [i] == Tanggal baru (). GetDate ())? "#5CEFA0": "#f5f5f5"); // Tunjukkan tanggal yang dipilih sebagai cekung if (yy == outdate.getlyear () && mm == outdate.getMonth () + 1 && meizzwday [i] == outdate.getDate ()) {da.bordercolorlight = "#ffffff"; da.bordercolordark = "#63a3e9"; }}} da.style.cursor = "hand"} else {da.innerHtml = ""; da.style.backgroundColor = ""; da.style.cursor = "default"; }}} function MeizzdayClick (n, ex) // Klik kotak tampilan untuk memilih tanggal, fungsi input utama ******************** {parent.meizzthedate = n; var yy = meizztheyear; var mm = parseint (meizzthemonth)+ex; // ex mewakili offset, digunakan untuk memilih tanggal bulan sebelumnya dan bulan berikutnya var hh = meizzthehour; var mi = meizztheminute; var se = meizzthesecond; // menilai bulan dan melakukan pemrosesan yang sesuai IF (mm <1) {yy----; mm = 12+mm;} lain jika (mm> 12) {yy ++; mm = mm-12;} if (mm <10) {mm = "0" + mm;} if (hh <10) {hh = "0" + hh;} // waktu if (mi <10) {mi = "0" + mi;} // menit if if if (se 10) {se = "0" //outobject.value= ""; return;} if (n <10) {n = "0" + n;} writedAteto (yy, mm, n, hh, mi, se); closelayer (); if (busetime) {coba {outbutton.click (); } catch (e) {setday (outObject); }}} else {closelayer (); alert("The control object you want to output does not exist!");}}function format(n) //Format the number as two-digit characters to represent {var m=new String();var tmp=new String(n);if (n<10 && tmp.length<2){ m="0"+n;}else{ m=n;}return m;}function evaSetTime() //Set the hours and Menit yang dipilih oleh pengguna {odatelayer.meizzhourhead.innerText = Meizzthehehour+"Time"; odatelayer.meizzminutehead.innerText = Meizztheminute+"Minute; odatelayer.meizzsecondhead.innertext = meizzthesecond+" " detik "; writedateTo (meizztheyear, meizzthemonth, meizzthedate, meizzthehour, meizztheminute, meizzthesecond)} function evasettimenothing () // atur kontrol waktu untuk kosong {odatelayer.meizzhourhead.innertext = ""; odatelayer.meizzminutehead.innertext = ""; odatelayer.meizzsecondhead.innertext = "; evasettimenow () // Tetapkan kontrol waktu ke waktu saat ini {odatelayer.meizzhourhead.innertext = tanggal baru (). getHours ()+"waktu"; odatelayer.meizzminead.innertext = new Date (). getMinute ()+menit "; odatelayer.inoner = newKexext. Date (). Getseconds ()+"detik"; meizzehehour = tanggal baru (). GetHours (); meizztheminute = new date (). Getminutes (); meizzthesecond = baru Date (). GetSeconds (); WritedAteto (Meizztheyear, Meizzthement, Meizzthedate, Meizzthehehour, Waktu yang awalnya dipilih oleh pengguna // evasettimenow (); Format (mm) + "-" + format (n) + "" + format (hh) + ":" + format (mi) + ":" + format (SE); ingin}} fungsi bimgswitch () {if (busetime) {bimg = "on";} else {bimg = "off";}} </script> <input onfocus = "setday (this)" id = "startTime" name = "startTime">For more information about JavaScript, please check this site's special topics: "Summary of JavaScript Time and Date Operation Skills", "Summary of JavaScript Switching Effects and Skills", "Summary of JavaScript Search Algorithm Skills", "Summary of JavaScript Animation Special Effects and Skills", "Summary of JavaScript Errors and Debugging Skills", "Summary of JavaScript Data Structures and Algorithm Skills", "Ringkasan Algoritma dan Keterampilan Traversal Javascript" dan "Ringkasan Penggunaan Operasi Matematika JavaScript"
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.