JS ใช้ตัวอย่างที่สมบูรณ์ของตัวเลือกวันที่ที่แม่นยำถึงวินาที

บทความนี้อธิบายถึงการใช้งานตัวเลือกวันที่ที่ถูกต้องเป็นวินาทีโดย JS แบ่งปันสำหรับการอ้างอิงของคุณดังนี้:

 <script> // ฟังก์ชั่นการโทรหลักคือ setday (this, [object]) และ setday (this) [วัตถุ] คือเอาต์พุตชื่อควบคุมโดยตัวควบคุม ให้สองตัวอย่าง: // 1. <ชื่ออินพุต = txt> <อินพุตประเภท = ค่าปุ่ม = setday onclick = "setday (นี่, document.all.txt)"> // 2. <อินพุต onfocus = "setday (this)"> var bmoveable = true; var strframe; z-index: 9998; 1px solid; พื้นหลังสี: #63a3e9; font-family: 安安;} '; strframe+=' td {font-size: 9pt; font-family: 安安安;} '; strframe+=' </style> '; bdrag; '; strframe+=' document.onmousemove () '; strframe+=' {ถ้า (bdrag && window.event.button == 1) '; strframe+=' {var datelayer = parent.document.all.enddatelayer.style; window.event.clientx-datelayerx; '; strframe+=' datelayer.postop+= window.event.clienty-datelayery;}} '; strframe+=' function dragstart () '; strframe+=' {var datelayer datelayerx = window.event.clientx; '; strframe+=' datelayery = window.event.clienty; '; strframe+=' bdrag = true;} 'strframe+=' dragend () {'strframe+=' bdrag = false;} '; strframe+=' style = "z-index: 9999; ตำแหน่ง: สัมบูรณ์; ซ้าย: 0; top: 0;" onSelectStart = "return false"> '; strframe+=' <span id = tmpselectyearlayer สไตล์ = "z-index: 9999; ตำแหน่ง: สัมบูรณ์; ด้านบน: 3; ซ้าย: 19; แสดง: ไม่มี"> </span> '; 78; แสดง: ไม่มี "> </span> '; strframe+=' <span id = tmpselecthourlayer สไตล์ =" z-index: 9999; ตำแหน่ง: Absolute; Top: 188; 188; ซ้าย: 77px; แสดง: ไม่มี "> </span> '; strframe+=' <span id = tmpselectsecondlayer สไตล์ =" z-index: 9999; ตำแหน่ง: Absolute; Top: 188; BorderColor =#63A3E9 BGCOLOR =#63A3E9> '; strFrame+=' <tr> <td width = 142 ความสูง = 23 bgcolor =#ffffff> 'strframe+=' <ตาราง border = 0 cellpacing = 1 cellpadding = 0 ความกว้าง = 158 ความสูง = 23> '; <td width = 16 Align = center bgcolor = #63a3e9 style = "ตัวอักษรขนาด: 12px; เคอร์เซอร์: มือ; สี: #ffffff" '; strframe+=' onclick = "parent.meizzprevm ()"> <b> <</b> </td> '; bgColor = "#63a3e9" style = "font-size: 12px; เคอร์เซอร์: hand" '; strframe+=' onmouseover = "style.backgroundcolor =/'#aaccf3/' '' strframe+= 'onmouseout = onclick = "parent.tmpselectyearinnerhtml (this.innertext.substring (0,4))" 'strframe+='> <span id = meizzyearhead> </span> </td> 'strframe+=' <td ความกว้าง = 48 align = '; strframe+=' bgcolor = "#63a3e9" onmouseover = "style.backgroundColor =/'#aaccf3/' ''; strframe+= 'onmouseout =" style.backgroundColor =/'#63a3e9/'' onclick = "parent.tmpselectmonthinnerhtml (this.innertext.length == 3? this.innertext.substring (0,1): นี่คือสิ่งนี้ bgColor = #63A3E9 Align = center style = "font-size: 12px; เคอร์เซอร์: hand; color: #ffffff" '; strframe+=' onclick = "parent.meizznextm ()"> <b>> </b> </td> '; </table> </td> </tr> '; strframe+=' <tr> <td width = 142 ความสูง = 18> '; strframe+=' <table border = 0 cellpacing = 0 cellpadding = 2 bgcolor =#63a3e9 '+(bmovable? BorderColorlight =#63A3E9 BorderColordark =#fffffff width = 140 ความสูง = 20 style = "เคอร์เซอร์: ' + (bmoveable? style = "ตัวอักษรขนาด: 12px; สี: #ffffff"> หนึ่ง </td> <td style = "font-size: 12px; color: #ffffff"> t </td> '; strframe+=' <td style = "font-size: 12px; style = "ตัวอักษรขนาด: 12px; สี: #ffffff"> t </td> '; strframe+=' <td style = "ตัวอักษรขนาด: 12px; สี: #ffffff"> หนึ่ง </td> <td style = "font-size: 12px; style = "ตัวอักษรขนาด: 12px; สี: #ffffff"> หก </td> <td style = "ตัวอักษรขนาด: 12px; สี: #ffffff"> หก </td> <td style = "font-size: 12px; color: #ffffff"> Six </td> </tr> ' > '; strFrame+=' <tr> <table border = 1 cellpacing = 2 cellpadding = 2 bordercolorlight =#63a3e9 bordercolordark =#fffff bgcolor =#fff8ec width = 140 ความสูง = 120> 'var n = 0; สำหรับ (j = 0; j <5; j ++) {strframe+= '<tr align = center>'; สำหรับ (i = 0; i <7; i ++) {strframe+= '<td width = 20 ความสูง = 20 id = meizzday'+n+'style = "font-size: 12px" onclick = parent.meizzdayclick (this.innertext, 0)> </td>'; n ++; (i = 35; i <37; i ++) strframe+= '<td width = 20 ความสูง = 20 id = meizzday'+i+'style = "ตัวอักษรขนาด: 12px" onClick = "parent.meizzdayclick (this.innerText, 0)"> </td>'; onclick = "parent.setNull ()" style = "font-size: 12px; เคอร์เซอร์: hand" '; strframe+=' onmouseover = "style.color =/'#ff0000/'" onmouseout = "coloror = '#1478eb/'" style = "font-size: 12px; เคอร์เซอร์: hand" '; strframe+=' onmouseover = "style.color =/'#ff0000/' onmouseout =" style.color =/'#1478EB/' " onMouseOut = "style.color =/'#1478eb/'" onclick = "parent.closelayer ()"> ปิด </span> </td> </tr> 'strframe+=' </table> </td> </tr> <td> <td> '; bgColor =#ffffff ความสูง = 22> '; strframe+=' <tr bgcolor = "#63a3e9"> <td id = busetimelayer width = 30 style = "เคอร์เซอร์: hand" 'strframe+=' onMouseOut = "style.backgroundColor =/'#63a3e9/' ''; strframe+= 'onclick =" parent.usetime (นี้) ">'; strframe+= '<span> </pan> </td>'; onclick = "parent.tmpselecthourinnerhtml (this.innertext.length == 3? this.innertext.substring (0,1): this.innertext.substring (0,2))" 'strframe+=' onMouseOver = "style.backgroundColor =/'#aaccf3/' onMouseOut = "style.backgroundColor =/'#63a3e9/' ''; strframe+= 'align = ความกว้างกลาง = 42>'; strframe+= '<span id = meizzhourhead> </span> </td>'; strframe+= '<td style = onclick = "parent.tmpselectminuteinnerhtml (this.innertext.length == 3? this.innertext.substring (0,1): this.innertext.substring (0,2))" 'strframe+= onMouseOut = "style.backgroundColor =/'#63A3E9/' ''; strFrame+= 'align = ความกว้างกลาง = 42>'; strframe+= '<span id = meizzminutehead> </span> </td>'; onclick = "parent.tmpselectsecondinnerhtml (this.innertext.length == 3? this.innertext.substring (0,1): this.innertext.substring (0,2))" 'strframe+= onMouseOut = "style.backgroundColor =/'#63A3E9/' ''; strFrame+= 'align = ความกว้างกลาง = 42>'; strFrame+= '<span id = meizzsecondhead> </span> </td>'; strframe+= ' </tr> </td> </tr> </table> </div> '; window.frames.enddatelayer.document.writeln (strframe); window.frames.enddatelayer.document.close (); // แก้ปัญหาที่แถบความคืบหน้าของ IE ไม่ได้ end // ================================================================================================================================================== - - การแสดงหน้าเว็บ ส่วน ================================================================ - - - - - - - odatelayer = window.enddatelayer.document.all; // odatelayer.busetimelayer.innertext = "ไม่"; bimgswitch (); odatelayer.busetimelayer.innerhtml = bimg; พารามิเตอร์ที่ส่งผ่านไปยังการควบคุมนี้! "); return;} ถ้า (arguments.length == 0) {การแจ้งเตือน (" ขออภัย! คุณไม่ได้ส่งพารามิเตอร์ใด ๆ กลับไปที่การควบคุมนี้! "); return;} var dads = document.all.enddatelayer.style; var th = tt; var ttop = tt.offsot // จุดวางตำแหน่งของการควบคุม TT คือสูง var พวกเขา = tt.clientheight; // var สูงของการควบคุม TT เองคือ tleft = tt.offsetleft; // จุดวางตำแหน่งของการควบคุม TT คือกว้าง var ttyp = tt.type; // ประเภทของการควบคุม TT อยู่ในขณะที่ (tt = tt.offsetParent) {ttop+= tt.offsettop; tleft+= tt.offsetleft;} dads.top = (ttyp == "ภาพ")? ttop+thei: ttop+thei+6; dads.left = tleft; outobject = (arguments.length == 1)? TH: obj; butbutton = (อาร์กิวเมนต์ความยาว == 1)? NULL: TH; // ตั้งค่าปุ่มคลิกภายนอก // แสดงปีปฏิทินปีและเดือน var reg =/^(/d+)-(/d {1,2})-(/d {1,2})/; // ไม่รวมเวลา var r = outobject.value.match (reg); ถ้า (r! = null) {r [2] = r [2] -1; var d = วันที่ใหม่ (r [1], r [2], r [3]); if (d.getFulyear () == r [1] && d.getMonth () == r [2] && d.getDate () == r [3]) {outdate = d; parent.meizztheyear = r [1]; parent.meizzthemonth = r [2]; parent.meizzTheDate = r [3]; } else {outdate = ""; } meizzsetday (r [1], r [2] +1);} else {outdate = ""; meizzsetday (วันที่ใหม่ (). getGreetherear (), วันที่ใหม่ (). getMonth () + 1);} dads.display = ''; // ตัดสินว่าเวลาการใช้งานถูกใช้ในระหว่างการเริ่มต้นการตรวจสอบที่ไม่ใช่การตรวจสอบ // ถ้า (outobject.value.length> 10) bimgswitch (); odatelayer.busetimelayer.innerhtml = bimg; meizzwritehead (meizztheyear, meizzthemonth); //} // else // {// busetime = false; // bimgswitch (); // odatelayer.busetimelayer.innerhtml = bimg; // meizzwritehead (e) {// ข้อผิดพลาดถูกยกเว้นที่นี่สาเหตุของข้อผิดพลาดยังไม่พบ }} var monhead = อาร์เรย์ใหม่ (12); // กำหนดจำนวนวันสูงสุดต่อเดือนในปฏิทิน Gregorian [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 = วันที่ใหม่ (). getGreetherear (); // กำหนดค่าเริ่มต้นของตัวแปรของปี var meizzthemonth = วันที่ใหม่ (). getMonth ()+1; // กำหนดค่าเริ่มต้นของตัวแปรของเดือน var meizzthedate = วันที่ใหม่ (). getDate (); // กำหนดค่าเริ่มต้นของตัวแปรของวัน var meizzthehour = วันที่ใหม่ (). gethours (); // กำหนดค่าเริ่มต้นของตัวแปรชั่วโมง var meizztheminute = วันที่ใหม่ (). getMinutes (); // กำหนดค่าเริ่มต้นของตัวแปรนาที var meizzthesecond = วันที่ใหม่ (). getSeconds (); // กำหนดค่าเริ่มต้นของตัวแปรที่สอง var meizzwday = อาร์เรย์ใหม่ (37); // อาร์เรย์ที่กำหนดเอกสารวันที่เขียน onclick = (ฟังก์ชั่น () {ด้วย (window.event) {ถ้า (srcelement! = outobject && srcelement! = butbutton) closelayer ();}}) document.onkeyup = (ฟังก์ชั่น () closelayer ();} อื่นถ้า (document.active lex) {if (document.active lemelement! = outobject && document.activelement! = outbutton) {closelayer (); "ปี"; odatelayer.meizzmonthhead.innertext = รูปแบบ (mm)+"moon"; // แทรกชั่วโมงปัจจุบันและนาที odatelayer.meizzhourhead.innertext = busetime? (meizzthehour+"เวลา"): ""; นาที "):" "; odatelayer.meizzsecondhead.innerText = busetime? (meizzthesecond+" วินาที "):" ";} ฟังก์ชั่น tmpselectyearinnerhtml (stryear) // บ็อกซ์ down-down สำหรับปี หมายเลข! "); return;} var m = (Stryear)? Stryear: วันที่ใหม่ (). getGreetherear (); ถ้า (M <1000 || m> 9999) {การแจ้งเตือน ("ค่าปีไม่ได้อยู่ระหว่าง 1,000 และ 9999!"); return;} var n = m - 50; ถ้า (n <1000) n = 1000; ถ้า (n + 101> 9999) n = 9974; 12px '"s +=" onblur =' document.all.tmpselectyearlayer.style.display =/"ไม่มี/" '"s +=" onchange =' document.all.tmpsearlayer.style.display =/"ไม่มี/"; parent.meizzsetday (parent.meizztheyear, parent.meizzhemonth) '>/r/n "; var selectinnerhtml = s; สำหรับ (var i = n; i <n + 101; i ++) {ถ้า (i == m) {selectinnerhtml + =" <ตัวเลือก } else {SelectInnerHtml + = "<ตัวเลือกค่า = '" + i + "'>" + i + "ปี" + "</optup>/r/n"; }} selectInnerHtml += "</select>"; odatelayer.tmpselectyearlayer.style.display = ""; odatelayer.tmpsearlayer.innerhtml = selectinnerhtml; tmpselectmonthinnerhtml (strmonth) // box pull-down สำหรับเดือน {ถ้า (strmonth.match (// d/)! = null) {alert ("พารามิเตอร์อินพุตเดือนไม่ใช่ตัวเลข!"); return;} var m = (strmonth)? strmonth: วันที่ใหม่ (). getMonth () +1; var s = "<select name = tmpselectmonth style = 'font-size: 12px'" s += "onblur = 'document.all.tmpselectmonthlayer.style.display =/" ไม่มี/"" "onChange = 'document.all.tmpselectmonthlayer.style.display =/" ไม่มี/";" s+= "parent.meizzthemonth = this.value; parent.meizzsetday if (i == m) {SelectInnerHtml+= "<ตัวเลือกค่า = '"+i+"' เลือก>"+i+"เดือน"+"</optural>/r/n"; } else {SelectInnerHtml+= "<ตัวเลือกค่า = '"+i+"'>"+i+"เดือน"+"</optup>/r/n"; }} selectInnerHtml += "</select>"; odatelayer.tmpselectmonthlayer.style.display = ""; odatelayer.tmpselectmonthlayer.innerhtml = selectinnerhtml; tmpselecthourinnerhtml (strhour) // กล่องดรอปดาวน์ชั่วโมง {ถ้า (! busetime) {return;} ถ้า (strhour.match (// d/)! = null) {แจ้งเตือน ("พารามิเตอร์อินพุตชั่วโมงไม่ใช่ตัวเลข!"); return; strhour: วันที่ใหม่ (). gethours (); var s = "<select name = tmpselecthour style = 'font-size: 12px'" s += "onblur = 'document.all.tmpselecthourlayer.style.display =/" ไม่มี/"" "onChange = 'document.all.tmpselecthourlayer.style.display =/" ไม่มี/";" s += "parent.meizzthehour = this.value; parent.evasettime (parent.meizzthehour, meizztheminute); i ++) {ถ้า (i == m) {selectInnerHtml+= "<ตัวเลือกค่า = '"+i+"' เลือก>"+i+"</optup>/r/n"; } else {selectInnerHtml+= "<ตัวเลือกค่า = '"+i+"'>"+i+"</optup>/r/n"; }} selectInnerHtml += "</select>"; odatelayer.tmpselecthourlayer.style.display = ""; odatelayer.tmpselecthourlayer.innerhtml = selectinnerhtml; tmpselectminuteinnerhtml (strminute) // กล่องเลื่อนลงนาที {if (! busetime) {return;} ถ้า (strminute.match (// d/)! = null) {แจ้งเตือน ("พารามิเตอร์อินพุตนาทีไม่ใช่ตัวเลข!"); strminute: วันที่ใหม่ (). getMinutes (); var s = "<select name = tmpselectminute style = 'ตัวอักษรขนาด: 12px'" s += "onblur = 'document.all.tmpselectminutelayer.style.display =/" ไม่มี/"" "onChange = 'document.all.tmpselectminutelayer.style.display =/" ไม่มี/";" s += "parent.meizztheminute = this.value; parent.evasettime i ++) {ถ้า (i == m) {selectInnerHtml+= "<ตัวเลือกค่า = '"+i+"' เลือก>"+i+"</optup>/r/n"; } else {selectInnerHtml+= "<ตัวเลือกค่า = '"+i+"'>"+i+"</optup>/r/n"; }} selectInnerHtml += "</select>"; odatelayer.tmpselectminutelayer.style.display = ""; odatelayer.tmpselectminutelayer.innerhtml = selectinnerhtml; tmpselectsecondinnerhtml (strsecond) // กล่องดรอปดาวน์ที่สอง {ถ้า (! busetime) {return;} ถ้า (strsecond.match (// d/)! = null) {แจ้งเตือน ("พารามิเตอร์อินพุตนาทีไม่ใช่ตัวเลข!"); strsecond: วันที่ใหม่ (). getMinutes (); var s = "<select name = tmpselectsecond style = 'ตัวอักษรขนาด: 12px'" s += "onblur = 'document.all.tmpselectsecondlayer.style.display =/" ไม่มี/"" "onChange = 'document.all.tmpselectsecondlayer.style.display =/" ไม่มี/";" s += "parent.meizzthesecond = this.value; parent.evasettime = 0; i <60; } else {selectInnerHtml+= "<ตัวเลือกค่า = '"+i+"'>"+i+"</optup>/r/n"; }} selectInnerHtml += "</select>"; odatelayer.tmpselectsecondlayer.style.display = ""; odatelayer.tmpselectsecondlayer.innerhtml = selectinnerhtml; เลเยอร์ {var o = document.getElementById ("endDatelayer"); ถ้า (o! = null) {o.style.display = "ไม่มี";}} ฟังก์ชั่น showlayer () // การปิดของ layer {document.all.eL.AldAtelayer.style.dislay = "; (0 == ปี%4 && ((ปี%100! = 0) || (ปี%400 == 0))) กลับมาจริง; อื่น ๆ กลับมาเป็นเท็จ} ฟังก์ชั่น getMonthCount (ปี, เดือน) // กุมภาพันธ์ของปีกระโดดคือ 29 วัน {var c = monhead [เดือน-1]; ของสัปดาห์ของวันที่แน่นอน {var c = monhead [month-1]; ถ้า ((เดือน == 2) && ispinyear (ปี)) c ++; return c;} ฟังก์ชั่น getdow (วัน, เดือน, ปี) // ค้นหาวันของสัปดาห์ของวันที่หนึ่ง return dt;} ฟังก์ชั่น meizzprevy () // ปีที่พลิก {ถ้า (meizztheyear> 999 && meizztheyear <10,000) {meizztheyear-;} else {แจ้งเตือน ("ปีนอกระยะ (1,000-9999)!"); ปี {ถ้า (meizztheyear> 999 && meizztheyear <10,000) {meizztheyear ++;} else {แจ้งเตือน ("ปีนอกระยะ (1,000-9999)!");} meizzsetday (meizztheyear, meizzthemonth); MeizzToday () // วันนี้ปุ่ม {parent.meizztheyear = วันที่ใหม่ (). getGreetherear (); parent.meizzthemonth = วันที่ใหม่ (). getMonth ()+1; parent.meizzthedate = วันที่ใหม่ วันที่ (). getMinutes (); parent.meizzthesecond = วันที่ใหม่ (). getSeconds (); var meizzthesecond = วันที่ใหม่ (). getSeconds (); ถ้า (meizzthemonth <10 && meizzthemonth.length <2) // รูปแบบเป็นสองหลัก (parent.meizzthedate <10 && parent.meizzthedate.length <2) // รูปแบบเป็นสองหลัก {parent.meizzthedate = "0" + parent.meizzthedate;} // meizzetday (meizztheyear, meizzthemonth); รูปแบบ (parent.meizzhemonth) + "-" + รูปแบบ (parent.meizzthedate) + "" + รูปแบบ (parent.meizzthehour) + ":" + รูปแบบ (parent.meizztheminute) + ":" + รูปแบบ (parent.meizzthesecond); // หมายเหตุ: ที่นี่คุณสามารถเปลี่ยนผลลัพธ์เป็นรูปแบบที่คุณต้องการ} else {outobject.value = parent.meizztheyear + "-" + รูปแบบ (parent.meizzthemonth) + "-" + รูปแบบ (parent.meizzthedate); // หมายเหตุ: ที่นี่คุณสามารถเปลี่ยนเอาต์พุตเป็นรูปแบบที่คุณต้องการ}} closelayer ();} ฟังก์ชั่น meizzprevm () // ติดตามเดือนไปข้างหน้า {ถ้า (meizzthemonth> 1) {meizzthemonth-} meizzthemon {meizzthemon) ย้อนกลับ {ถ้า (meizzthemonth == 12) {meizztheyear ++; meizzthemonth = 1} else {meizzthemonth ++} meizztedday (meizztheyear, meizzthemonth); ตัวแปรสาธารณะของปีปัจจุบันและเดือนที่จะผ่านค่า meizztheyear = yy; meizzthemonth = mm; สำหรับ (var i = 0; i <37; i ++) {meizzwday [i] = ""}; // ล้างเนื้อหาทั้งหมดของกล่องแสดงผล var day1 = 1, day2 = 1, วันแรก = วันที่ใหม่ (yy, mm-1,1) .getday (); // วันใดของสัปดาห์แรกของวันหนึ่งของเดือนที่แน่นอนสำหรับ (i = 0; i <วันแรก; i ++) meizzwday [i] = getMonthCount (mm == 1? yy-1: yy, mm == 1? 12: mm-1)-วันที่ 1 meizzwday [i] = day1; day1 ++; } สำหรับ (i = วันแรก+getMonthCount (yy, mm); i <37; i ++) {meizzwday [i] = day2; day2; } สำหรับ (i = 0; i <37; i ++) {var da = eval ("odatelayer.meizzday"+i) // ด้วยวันที่และการจัดเรียงสัปดาห์ของเดือนใหม่ถ้า (meizzwday [i]! = "") {// เริ่มต้น da.BorderColordark = "#63A3E9"; da.style.color = "#1478eb"; if (i <วันแรก) // ส่วนของเดือนที่แล้ว {da.innerhtml = "<b> <font color =#bcbabc>" + meizzwday [i] + "</font> </b>"; da.title = (mm == 1? 12: mm-1) + "เดือน" + meizzwday [i] + "วัน"; da.onclick = function ("meizzdayclick (this.innertext, -1)"); if (! Outdate) da.style.backgroundColor = ((mm == 1? yy-1: yy) == วันที่ใหม่ (). getGreetherear () && (mm == 1? 12: mm-1) == วันที่ใหม่ (). getMonth ()+1 && meizzwday "#5CEFA0": "#F5F5F5"; else {da.style.backgroundColor = ((mm == 1? yy-1: yy) == outdate.getlyear () && (mm == 1? 12: mm-1) == outdate.getMonth () + 1 && meizzwday [i] == outdate.getDate () "#84C1FF": (((mm == 1? yy-1: yy) == วันที่ใหม่ (). getGreetherear () && (mm == 1? 12: mm-1) == วันที่ใหม่ (). getMonth ()+1 && meizzwday [i] == วันที่ใหม่ () // แสดงวันที่ที่เลือกเป็นเว้าถ้า ((mm == 1? yy-1: yy) == outdate.getlyear () && (mm == 1? 12: mm-1) == outdate.getMonth () + 1 && meizzwday [i] == outdate.getDate () da.BorderColordark = "#63A3E9"; }}} อื่นถ้า (i> = firstday + getMonthCount (yy, mm)) // ส่วนของเดือนถัดไป {da.innerhtml = "<b> <font color =#bcbabc>" + meizzwday [i] + "</font> </b>"; da.title = (mm == 12? 1: mm + 1) + "เดือน" + meizzwday [i] + "วัน"; da.onclick = function ("meizzdayclick (this.innertext, 1)"); if (! Outdate) da.style.backgroundColor = ((mm == 12? yy+1: yy) == วันที่ใหม่ (). getGreetherear () && (mm == 12? 1: mm+1) == วันที่ใหม่ (). getMonth ()+1 && meizzwday "#5CEFA0": "#F5F5F5"; else {da.style.backgroundColor = ((mm == 12? yy+1: yy) == outdate.getlyear () && (mm == 12? 1: mm+1) == outdate.getMonth ()+1 && meizzwday [i] == outdate.getDate ()? "#84C1FF": (((mm == 12? yy+1: yy) == วันที่ใหม่ (). getGreetherear () && (mm == 12? 1: mm+1) == วันที่ใหม่ (). getMonth ()+1 && meizzwday [i] == วันที่ใหม่ () // แสดงวันที่ที่เลือกเป็นเว้าถ้า ((mm == 12? yy+1: yy) == outdate.getlyear () && (mm == 12? 1: mm+1) == outdate.getMonth ()+1 && meizzwday [i] == outdate.getDate () da.BorderColordark = "#63A3E9"; }}} อื่น // ส่วนหนึ่งของเดือนนี้ {da.innerhtml = "<b>" + meizzwday [i] + "</b>"; da.title = mm + "เดือน" + meizzwday [i] + "วัน"; da.onclick = function ("meizzdayclick (this.innertext, 0)"); // ให้ TD การประมวลผลของเหตุการณ์ onclick // หากเป็นวันที่ที่เลือกในปัจจุบันจะแสดงพื้นหลังสีน้ำเงินสดใส หากเป็นวันที่ปัจจุบันพื้นหลังสีเหลืองเข้มจะปรากฏขึ้นหาก (! ล้าสมัย) da.style.backgroundColor = (yy == วันที่ใหม่ (). getRayLayEar () && mm == วันที่ใหม่ (). getMonth ()+1 && meizzwday [i] == วันที่ใหม่ () "#5CEFA0": "#F5F5F5"; else {da.style.backgroundColor = (yy == outdate.getLayear () && mm == outdate.getMonth () + 1 && meizzwday [i] == outdate.getDate ())? "#84C1FF": ((yy == วันที่ใหม่ (). getGreetherear () && mm == วันที่ใหม่ (). getMonth ()+1 && meizzwday [i] == วันที่ใหม่ (). getDate ())? "#5CEFA0": "#F5F5F5"); // แสดงวันที่ที่เลือกเป็นเว้าถ้า (yy == outdate.getLuallyear () && 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 = "ค่าเริ่มต้น"; }}} ฟังก์ชั่น meizzdayclick (n, ex) // คลิกกล่องแสดงผลเพื่อเลือกวันที่ฟังก์ชันอินพุตหลัก ******************** {parent.meizzthedate = n; var yy = meizztheyear; var mm = parseint (meizzthemonth)+ex; // ex แสดงถึงออฟเซ็ตใช้เพื่อเลือกวันที่ของเดือนก่อนหน้าและเดือนถัดไป var hh = meizzthehour; var mi = meizztheminute; var se = meizzthesecond; // ตัดสินเดือนและดำเนินการประมวลผลที่สอดคล้องกันหาก (mm <1) {yy-; mm = 12+mm;} อื่นถ้า (mm> 12) {yy ++; mm = mm-12;} ถ้า (mm <10) {mm = "0" + mm;} ถ้า (hh <10) {hh = "0" + hh;} // เวลาถ้า (mi <10) {mi = "0" + mi;} // นาทีถ้า (se <10) {se = "0" //outobject.value= ""; return;} if (n <10) {n = "0" + n;} writeDateto (yy, mm, n, hh, mi, se); closelayer (); if (busetime) {ลอง {butbutton.click (); } catch (e) {setday (outobject); }}} else {closelayer (); การแจ้งเตือน ("วัตถุควบคุมที่คุณต้องการเอาต์พุตไม่มีอยู่!");}} รูปแบบฟังก์ชัน (n) // รูปแบบตัวเลขเป็นอักขระสองหลักเพื่อแสดง {var m = สตริงใหม่ (); var tmp = สตริงใหม่ (n); ถ้า (n <10 && tmp.length <2) {m = "0"+n; เลือกโดยผู้ใช้ {odatelayer.meizzhourhead.innertext = meizzthehour+"เวลา"; odatelayer.meizzminutehead.innertext = meizztheminute+"นาที; odatelayer.meizzsecondhead.innerText = meizzthesecond+" วินาที "; writedateto (meizztheyear, meizzthemonth, meizzthedate, meizzthehour, meizztheminute, meizzthesecond)} ฟังก์ชั่น evasettimenothing () // กำหนดเวลาควบคุมเวลา ว่าง {odatelayer.meizzhourhead.innertext = ""; odatelayer.meizzminutehead.innertext = ""; odatelayer.meizzsecondhead.innertext = ""; evasettimenow () // ตั้งค่าการควบคุมเวลาเป็นเวลาปัจจุบัน {odatelayer.meizzhourhead.innertext = วันที่ใหม่ (). gethours ()+"เวลา"; odatelayer.meizzminutehead.innerText = วันที่ใหม่ วินาที "; meizzthehour = วันที่ใหม่ (). gethours (); meizztheminute = วันที่ใหม่ (). getMinutes (); meizzthesecond = วันใหม่ (). getSeconds (); writeTeteto USETIME (CTL) {buseTime =! evasettimenothing ();}} ฟังก์ชั่น writeteto (yy, mm, n, hh, mi, se) {ถ้า (busetime) {outobject.value = yy + "-" + รูปแบบ (mm) + "-" รูปแบบที่คุณต้องการ} else {outobject.value = yy + "-" + รูปแบบ (มม.) + "-" + รูปแบบ (n); onfocus = "setday (this)" id = "starttime" name = "starttime">

สำหรับข้อมูลเพิ่มเติมเกี่ยวกับ JavaScript โปรดตรวจสอบหัวข้อพิเศษของไซต์นี้: "บทสรุปของ JavaScript Time and Date Operation Skills", "บทสรุปของเอฟเฟกต์การสลับ JavaScript และทักษะ" สรุปทักษะการค้นหา JavaScript "บทสรุปของอัลกอริทึมและทักษะการสำรวจ JavaScript Traversal" และ "สรุปการใช้งานทางคณิตศาสตร์ JavaScript"

ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน