이 기사에서는 JS가 정확한 날짜 선택기의 구현에 대해 설명합니다. 다음과 같이 참조에 대해 공유하십시오.
<cript> // 메인 호출 함수는 setday (this, [object]) 및 setday (this)입니다. [Object]는 컨트롤에 의한 제어 이름 출력입니다. 두 가지 예제 : // 1. <입력 이름 = txt> <입력 유형 = 버튼 값 = setday onclick = "setday (this, hodep.all.txt)"> // 2. <input onfocus = "setday (this)"> var bmoveable = true; var strame; vartrame; wid id = 162 stame = 211 절대; z-indect : 9998; #63a3e9 1px solid; 배경색 : #63a3e9; font-family : 安安;} '; strframe+='td {font-size : 9pt; font-family : 安安安;} '; strframe+='</style> '; strame+='<scr '+'ipt> '; strframe+='var datelayerx, datelayery; '; strframe+='var bdrag; '; strframe+='function document.onmouseMove () '; strframe+='{if (bdrag && window.event.button == 1) '; strframe+='{var dateLayer = parent.document.all.enddatelayer.style; ';'; datelayer.posleft+= wind datelayerx = wind style = "z-index : 9999; 위치 : 절대; 왼쪽 : 0; 상단 : 0;" onselectStart = "return false"> '; strframe+='<span id = tmpselectyearlayer style = "z-index : 9999; 위치 : 절대; 상단 : 3; 왼쪽 : 19; display : none"> </span> '; strframe+='<span id = tmpselectmonthlayer style = "z-index : 999; 78; display : none "> </span> '; strframe+='<span id = tmpselecthourlayer style ="z-index : 9999; 위치 : 절대; 상단 : 188; 188; 왼쪽 : display : none "> </span> '; strframe+='<span id = tmpselectsecondlayer style ="z-index : 9999; 상단 : 188; BorderColor =#63a3e9 bgcolor =#63a3e9> '; strframe+='<tr> <td width = 142 높이 = 23 bgcolor =#ffffff> '; strframe+='<테이블 테두리 = 0 CellPadding = 0 width = 158 높이 = 23> '; strframe+='strframe+= '; <td width = 16 align = center bgcolor = #63a3e9 style = "font-size : 12px; cursor : hand; color : #ffffff"; strframe+= 'onclick = "parent.meizzpRevm ()" "> <b> <</b> </td>' '<td width = 60 allign ="Center " bgcolor = "#63a3e9"style = "font-size ="font-size : 12px; cursor : hand "; strframe+= 'onMouseOver ="style.backgroundColor =/'#aaccf3/' "' '; strframe+='onMouseOut ="style.backgroundColor =/'#63A3E9/' ''; onclick = "parent.tmpselectyearinnerhtml (this.innertext.substring (0,4))"; strframe+= '> <span id = meizzyearhead> </span> </td>'; strframe+= '<td width = 48 align = "center" "style ="font-culor : font-color : font-color : #ffff. '; strframe+='bgcolor = "#63a3e9"onmouseover = "style.backgroundcolor =/'#aaccf3/'"; strframe+= 'onmouseout ='style.backgroundcolor =/'#63a3e9/' ''; strframe+= ' onclick = "parent.tmpselectmonthinnerhtml (this.innertext.length == 3? this.innertext.substring (0,1) : this.innertext.substring (0,2)" '; strframe+='> <span id = meizzmonthhead> </td> '; bgcolor = #63a3e9 align = center style = "font-size : 12px; cursor : hand; color : #ffffff" '; strframe+='onclick = 'parent.meizznextm () "> <b>> </b> </b> </b> </b> </td>'; strframe+= '</tr>'; strframe+= '; </table> </td> </tr> '; strframe+='<tr> <td width = 142 height = 18> '; strframe+='<테이블 테두리 = 0 CellPacing = 0 CellPadding = 2 bgcolor =#63a3e9 '+(bmoveble?'onmousedown = "strame+= '); BorderColorLight =#63A3E9 BorderColorDark =#fffffff width = 140 높이 = 20 Style = "커서 : ' + (bmovable?' + (bmovable? ' + (bmovable?'avain ':'default ') +'"> '; strframe + ='<tr> <tr> <td> <font-size : 12px; color : #ffffff "20 </td> '; 스타일 = "font-size : 12px; color : #ffffff"> one </td> <td style = "font-size : 12px; color : #ffffff"> t </td> '; strframe+='<td style = "font-size : 12px; color : #fffff"> one </td> <td 스타일 = "font-size : 12px; color : #ffffff"> t </td> '; strframe+='<td style = "font-size : 12px; color : #ffffff"> one </td> <td style = "font-size : 12px; color : #ffffff"> one </td> '; strfame+='<td 스타일 = "font-size : 12px; color : #ffffff"> Six </td> <td style = "font-size : 12px; color : #ffffff"> six </td> <td style = "font-size : 12px; color : #ffffff"> six </td> </tr> '; strframe+='<tr> <tr> > '; strframe+='<tr> <테이블 테두리 = 1 CellPacing = 2 CellPadding = 2 BorderColorLight =#63A3E9 BorderColorDark =#fffff bgcolor =#fff8ec width = 140 높이 = 120> '; var n = 0; for (j = 0; j <5; j ++) {strframe+= '<tr align = center>'; for (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 ++;} strframe+= 'tr align ='; (i = 35; i <37; i ++) strframe+= '<td width = 20 높이 = 20 id = meizzday'+i+'style = "font-size : 12px"onclick = "parent.meizzDayclick (this.innertext, 0)"> </td>'; strframe+= '<td colspan = 5 style = "14 Style =# onclick = "parent.setnull ()"스타일 = "font-size : 12px; cursor : hand"; strframe+= 'onmouseover = "style.color =/'#ff0000/'"onmouseout = "style.color =/'#1478eb/'" "> empty </span> onclick ="span onclick = "" ". 스타일 = "font-size : hand"; strframe+= 'onmouseover = "style.color =/'#ff0000/'"onMouseOut = "Style.color =/'#1478EB/'" "> current </span <span style ="cursor : hone "id = evaallok onmouseOver ="style. onMouseOut = "Style.color =/'##1478eb/'"onclick = "parent.closelayer ()"> close </span </td> </tr> '; strframe+='</table> </td> </tr> <td> <td> '; Table Ported = 0 Cellpading = 1 셀 패드 딩 = 1 셀 패딩 = 1 셀 패딩 = 0 Cellpacing bgcolor =#ffffff 높이 = 22> '; strframe+='<tr bgcolor = "#63a3e9"> <td id = busetimelayer width = 30 style = "cursor : hand"; strframe+= 'onMouseOver = "style.backgroundColor =/'#AACCF3/'"중앙. onMouseOut = "style.backgroundColor =/'#63a3e9/'" "; strframe+= 'onclick ='onclick ="parent.usetime (this) "> '; strframe+='<span> </span> </td> '; strframe+='<td style ="cursor : hand " 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+= 'elign = center width = 42>'; strframe+= '<span id = meizzhourhead> </span> </td>'; strframe+= '<td style ="cursor : hand " onclick = "parent.tmpselectminuteinnerhtml (this.innertext.length == 3? this.innertext.substring (0,1) : this.innertext.substring (0,2))"; onMouseOut = "Style.backgroundColor =/'#63a3e9/'" "; strframe+= 'elign = center width = 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))"; onMouseOut = "Style.backgroundColor =/'#63a3e9/'" "; strframe+= 'elign = center width = 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 Progress Bar가하지 않는 문제를 해결합니다. END // =================================================================================================================================================================== ============================================================== ================================================================= 웹 페이지 디스플레이 부품 ==================================================================== =========================================================================== =========================================================================== =========================================================================== =========================================================================== =========================================================================== =========================================================================== =========================================================================== odatelayer = wind 이 컨트롤에 전달 된 매개 변수! "); return;} if (arguments.length == 0) {alert ("미안합니다!이 컨트롤로 다시 매개 변수를 전달하지 않았습니다! " // TT 컨트롤의 위치 지점은 높은 var입니다. // TT 컨트롤 자체의 높은 VAR은 tleft = tt.offsetleft입니다. // TT 컨트롤의 위치 지점은 넓은 var ttyp = tt.type입니다. // tt 컨트롤의 유형은 while (tt = tt.offsetparent) {ttop+= tt.offsettop; tleft+= tt.offsetleft;} dads.top = (ttyp == "image")? ttop+thei : ttop+thei+6; dads.left = tleft; outobject = (arguments.length == 1)? Th : obj; outbutton = (arguments.length == 1)? NULL : TH; // 외부 클릭 버튼을 설정 // 연도 및 달을 표시 var reg =/^(/d {1,2})-(/d {1,2})/; // 시간 제외 var r = outObject.value.match (reg); if (r! = null) {r [2] = r [2] -1; var d = 새 날짜 (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.meizzthemonth = r [2]; parent.meizzthedate = r [3]; } else {outdate = ""; } meizzsetDay (r [1], r [2] +1);} else {outdate = ""; MeizzSetDay (new date (). getlyear (), new date (). getMonth () + 1);} 아빠 .display = ''; // 초기화 중에 사용 시간이 사용되는지 여부를 판단합니다. bimgswitch (); odatelayer.busetimelayer.innerhtml = bimg; MeizzWriteHead (MeizzTheyear, MeizzThemonth); //} // else // {// busetime = false; // bimgswitch (); // odatelayer.busetimelayer.innerhtml = bimg; // meizzwritehead (meizztheyear, meizzthemonth); //} try (e) {// 오류는 여기에서 제외되며 오류의 원인은 아직 발견되지 않았습니다. }} var monhead = 새로운 배열 (12); // Gregorian Calendar 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 (). getlyearear (); // 연중 변수의 초기 값을 정의합니다. // 달의 변수의 초기 값을 정의합니다. var meizzthedate = new Date (). getDate (); // 하루의 변수의 초기 값을 정의합니다. var meizzthehour = new date (). gethours (); // 시간 변수의 초기 값을 정의합니다. var meizztheminute = new date (). getMinutes (); // 분 변수의 초기 값을 정의합니다. var meizzthesecond = new date (). getSeconds (); // 두 번째 변수의 초기 값을 정의합니다. var meizzwday = new Array (37); // 쓰기 날짜 문서를 정의하는 배열. onclick = (function () {with (window.event) {if (srcelement! = outObject && srcelement! = outButton) closeLayer ();}}) 문서. closeLayer ();} else if (document.ActiveElement) {if (document.ActiveElement! = outObject && document.ActiveElement! = outButton) {closeLayer ()}}); "Year"; Odatelayer.meizzMonthhead.innerText = Format (MM)+"Moon"; // 현재 시간 및 미세한 Odatelayer.meizzhourhead.innerText = BuseTime? MEMS ") :" "; ODATELAYER.MEIZZSECONDHEAD.INNERTEXT = BUSETIME? 숫자! "); return;} var m = (Stryear)? stryear : new date (). getlyear (); if (m <1000 || m> 9999) {alert ( "연도 값은 1000 ~ 9999 사이에 있지 않습니다!"); retur;} var n = m -50; if (n <1000) n = 1000; if (n + 101> 9999) n = 9974; var sifiet : "tmppecear stift :"<tmppectyear stift : if (n + 101> 999) n = 9974; 12px ' "s +="onblur ='document.all.tmpselectyearlayer.style.display =/"none/" ''s += "onchange = 'document.all.al.tmpselectyearlayer.style.display =/"none/";"s += "parent.meizzeTheyear = this.value; parent.meizzsetday (parent.meizztheyear, parent.meizzthemonth) '>/r/n "; var selectinnerhtml = s; for (var i = n; i <n + 101; i ++) {if (i == m) {selectinnerhtml + ="<옵션 value =' + i + " 'selection>" + i " +" + " +" } else {selectInnerHtml + = "<옵션 값 = '" + i + ">" + i + "year" + "</옵션>/r/n"; }} selectInnerHtml += "</select>"; odatelayer.tmpselectyearlayer.style.display = ""; odatelayer.tmpselectyearlayer.innerhtml = selectinnerhtml; odatelayer.tmpselectyear.focus ();} 기능 tmpSelectMonthinnerHtml (strmonth) // 월의 풀다운 상자 {if (if (strmonth.match (// d/)! = null) {alert ( "월 입력 매개 변수는 숫자가 아닙니다!"); var m = (strmonth)? strmonth : new date (). getMonth () +1; var s = "<select name = tmpselectmonth style = 'font-size : 12px'"s += "onblur = 'document.all.tmpselectmonthlayer.style.display =/"none/"'s += "onchange = 'document.all.tmpselectmonthlayer.style.display =/"none/";"s+= "s+="parent.meizzthemonth = this.value; parent.meizzSetday (parent.meizzTheyear, meizzThemonth)'>/r/n "; var i = 1; i var i = 1; ive <13; (i == m) {selectInnerHtml+= "<옵션 값 = '+i+"'selected> "+i+"month "+"</옵션>/r/n "; } else {selectInnerHtml+= "<옵션 값 = '"+i+">"+i+"month"+"</옵션>/r/n"; }} selectInnerHtml += "</select>"; odatelayer.tmpselectmonthlayer.style.display = ""; odatelayer.tmpSelectmonthlayer.innerHtml = selectInnerHtml; odateLayer.tmpSelectmonth.focus (); tmpselecthourinnerhtml (strhour) // 시간 드롭 다운 상자 {if (! busetime) {return;} if (strhour.match (// d/)! = null) {alert ( "시간 입력 매개 변수는 숫자가 아닙니다!"); retur;} var m = (strhour)? strhour : new date (). gethours (); var s = "<select name = tmpselecthour style = 'font-size : 12px'"s += "onblur = 'document.all.al.tmpselecthourlayer.style.display =/"none/"'s += "onchange = 'document.all.l.tmpselecthourlayer.style.display =/"none/";"s+= "s+="parent.meizzthehour = this. value; parent.evasettime (parent.meizzthehour, parent.meizztheminute);'>/r/n "; var i); if (i == m) {selectInnerHtml+= "<옵션 값 = '+i+"'selected> "+i+"</옵션>/r/n "; } else {selectInnerHtml+= "<옵션 값 = '"+i+"'>"+i+"</옵션>/r/n"; }} selectInnerHtml += "</select>"; odatelayer.tmpselecThourlayer.style.display = ""; odatelayer.tmpselecthourlayer.innerhtml = selectinnerhtml; odatelayer.tmpselecthour.focus ();} 기능 tmpselectminuteinnerhtml (strminute) // minute 드롭 다운 상자 {if (! busetime) {return;} if (strminute.match (// d/)! = null) {alert ( "minute input 매개 변수는 숫자가 아닙니다!"); return;} var m = (strminute)? strminute : new date (). getMinutes (); var s = "<select name = tmpselectminute style = 'font-size : 12px'"s += "onblur = 'document.all.l.tmpselectminutelayer.style.display =/"none/"'s += "onchange = 'document.all.tmpselectminutelayer.style.display =/"none/";"s += "s +="parent.meizztheminute = this.value; parent.evasettime (parent.meizzthehour, parent.meizztheminute);'>/r/n "; var i = 0; i ++) {if (i == m) {selectInnerHtml+= "<옵션 값 = '+i+"'selected> "+i+"</옵션>/r/n "; } else {selectInnerHtml+= "<옵션 값 = '"+i+"'>"+i+"</옵션>/r/n"; }} selectInnerHtml += "</select>"; odatelayer.tmpSelectMinUteLayer.style.display = ""; odatelayer.tmpSelectMinUteLayer.innerHtml = selectInnerHtml; OdateLayer.tmpSelectMinute.focus ();} 기능 tmpselectsecondinnerhtml (strsecond) // Sec strsecond : new date (). getMinutes (); var s = "<select name = tmpselectsecond style = 'font-size : 12px'"s += "onblur = 'document.all.tmpselectsecondlayer.style.display =/"none/"'s += "onchange = 'document.all.l.tmpselectsecondlayer.style.display =/"none/";"s += "s +="parent.meizzthesecond = this. value; parent.evasettime (parent.meizzthehour, parent.meizztheminute, parent.meizzthesecond);/r/n "; 0; i <60; if (i == m) {옵션 값 = '+i+"'selected>"+i+"</옵션>/r/n"; } else {selectInnerHtml+= "<옵션 값 = '"+i+"'>"+i+"</옵션>/r/n"; }} selectInnerHtml += "</select>"; odatelayer.tmpselectsecondlayer.style.display = ""; odatelayer.tmpSelectSeconDlayer.innerHtml = selectInnerHtml; odatelayer.tmpSelectSecond.focus ();); 계층 {var o = document.getElementById ( "enddatelayer"); if (o! = null) {o.style.display = "none";}} 함수 showlayer () //이 레이어의 폐쇄 {document.all.enddatelayer.style.display = ""; (0 == 년%4 && ((연도%100! = 0) || (년%400 == 0))) (년%400 == 0))) return true; eloge false; 특정 날의 주중 {var c = monhead [month-1]; if ((month == 2) && ispinyear (년)) c ++; return c;} 함수 getDow (일, 월, 연도) // 특정 날의 요일을 찾으십시오 {var dt = new Date (연도, 1, day) .getday ()/7; return dt;} function meizzpRevy () // flip 년 {if (meizzTheyear> 999 && meizzTheyear <10000) {meizzTheyear-;} else {alert ( "범위 (1000-9999)!" If (MeizzTheyear> && meizzTheyear <10000) {MeizzTheyear ++;} else {alert ( "범위 (1000-9999)!" meizzToday () // 오늘 버튼 {parent.meizzTheyear = new Date (). getlyEar (); parent.meizzThemonth = new Date (). getMonth ()+1; parent.meizzthedate = new Date (). 날짜 (). getMinutes (); parent.meizzthesecond = new Date (). getSeconds (); var meizzthesecond = new Date (). (parent.meizzthedate <10 && parent.meizzthedate.length.length.length <2) // 두 자리 {parent.meizzthedate = "0" + parent.meizzthedate;} // meizzTheyear (meizzTheyear, meizzThemonth); if (outObject) {out (buseTime) {valubeiz.valueizeear. 형식 (parent.meizzthemonth) + "-" + 형식 (parent.meizzthedate) + "" + 형식 (parent.meizztheHour) + ":" + 형식 (parent.meizzTheMinute) + ":" + format (parent.meizzthesecond); // 참고 : 여기서는 출력을 원하는 형식으로 변경할 수 있습니다} else {outObject.value = parent.meizzTheyear + "-" + format (parent.meizzThemonth) + "-" + 형식 (parent.meizzthedate); // 참고 : 여기서는 원하는 형식으로 출력을 변경할 수 있습니다}} closelayer ();} function meizzprevm () // Month Forward {if (meizzthemonth> 1) {meizzthemonth-} else {MeizzTheyear-; MeizzThemonth = 12;} meizzTheyear (meizzThemear, meizzThemonth); 월 뒤로 {if (meizzthemonth == 12) {meizztheyear ++; meizzthemonth = 1} else {meizzthemonth ++} meizzetsetday (meizztheyear, meizzthemonth);} // to : 코드 기능 MeizzsetDay (YY, MM) // 메인 쓰기 프로그램을 구성합니다. ************* {MeizzWriteHead (yy, mm); // 현재 연도 및 월의 공개 변수를 설정하여 meizzTheyear = yy; for (var i = 0; i <37; i ++) {meizzwday [i] = "}; // 디스플레이 상자의 모든 내용을 지우십시오 var day1 = 1, day2 = 1, FirstDay = 새 날짜 (yy, mm-1,1) .getday (); // (i = 0; i <Firstday; i ++) meizzwday [i] = getmonthcount (mm == 1? yy-1 : yy, mm == 1? 12 : mm-1)에 대한 특정 달의 요일의 요일 (i = first Days) (i = firstday; yy)+1; meizzwday [i] = day1; day1 ++; } for (i = FirstDay+getMonthCount (yy, mm); i <37; i ++) {meizzwday [i] = day2; day2 ++; } for (i = 0; i <37; i ++) {var da = val ( "odatelayer.meizzday"+i) // 새로운 달의 날짜 및 주 배열 (meizzwday [i]! = "") {// 국경 DA.Bordercolorlight = "#63A3E9"; DA.BORDERCOLORDARD = "#63A3E9"; da.style.color = "#1478eb"; if (i <Firstday) // 지난 달의 일부 {da.innerhtml = "<b> <font color =#bcbabc>" + meizzwday [i] + "</font> </b>"; da.title = (mm == 1? 12 : mm-1) + "Month" + Meizzwday [i] + "day"; da.onclick = function ( "MeizzDayClick (this.innerText, -1)"); if (! OutDate) da.style.backgroundcolor = ((mm == 1? yy-1 : yy) == new Date (). getlyEar () && (mm == 1? 12 : mm-1) == new Date (). "#5cefa0": "#f5f5f5"; else {da.style.backgroundcolor = ((mm == 1? yy-1 : yy) == outdate.getDate.getDateLyEar () && (mm == 1? 12 : mm-1) == outDate.getMonth () + 1 && meizzwday [i] == outdate.getDate ())? "#84c1ff": (((mm == 1? yy-1 : yy) == new date (). getlyEar () && (mm == 1? 12 : mm-1) == new Date (). getMonth ()+1 && meizzwday [i] == new Date (). getDate ())? "#5CFA0" // 선택한 날짜를 오목한 if ((mm == 1? yy-1 : yy) == outdate.getDate.getLyEar () && (mm ==? 12 : mm-1) == outDate.getMonth () + 1 && meizzwday [i] == outdate.getDate () {da.bordercolorlight = "#fffff"; DA.BORDERCOLORDARD = "#63A3E9"; }}} else if (i> = FirstDay + getMonthCount (yy, mm)) // 다음 달 부분 {da.innerhtml = "<b> <font color =#bcbabc>" + meizzwday [i] + "</font> </b>"; da.title = (mm == 12? 1 : mm + 1) + "Month" + Meizzwday [i] + "day"; da.onclick = function ( "MeizzDayclick (this.innertext, 1)"); if (! OutDate) da.style.backgroundColor = ((mm == 12? yy+1 : yy) == new Date (). getlyEar () && (mm == 12? 1 : mm+1) == new 날짜 (). "#5cefa0": "#f5f5f5"; else {da.style.backgroundcolor = ((mm == 12? yy+1 : yy) == outdate.getDate.getFallyEar () && (mm == 12? 1 : mm+1) == outDate.getMonth ()+1 && meizzwday [i] == outdate.getDate ()? "#84c1ff": (((mm == 12? yy+1 : yy) == new date (). getlyEar () && (mm == 12? 1) == new Date (). getMonth ()+1 && meizzwday [i] == new Date (). getDate ())); // 선택한 날짜를 오목한 if ((mm == 12? DA.BORDERCOLORDARD = "#63A3E9"; }}} else // 이번 달의 일부 {da.innerhtml = "<b>" + meizzwday [i] + "</b>"; Da.title = mm + "Month" + Meizzwday [i] + "day"; da.onclick = function ( "MeizzDayClick (this.innerText, 0)"); // td를 제공합니다. onclick 이벤트 처리 // 현재 선택된 날짜 인 경우 밝은 파란색 배경이 표시됩니다. 현재 날짜 인 경우 (! OutDate) da.style.backgroundcolor = (yy == new Date (). getlyEar () && mm == new Date (). getMonth ()+1 && meizzwday [i] == new Date (). getDate ()) 인 경우 진한 노란색 배경이 표시됩니다. "#5cefa0": "#f5f5f5"; else {da.style.backgroundcolor = (yy == outdate.getPyear () && mm == outdate.getMonth () + 1 && meizzwday [i] == outDate.getDate ())? "#84c1ff": ((yy == new date (). getlyear () && mm == new date (). getMonth ()+1 && meizzwday [i] == new date (). getDate ()) "#5CEFA0": "#f5f5f5"); // 선택한 날짜가 (yy == outDate.getPyear () && mm == outdate.getmonth () + 1 && meizzwday [i] == outdate.getDate ()) {da.bordercolorlight = "#ffffff"; DA.BORDERCOLORDARD = "#63A3E9"; }}}} da.style.cursor = "hand"} else {da.innerhtml = ""; da.style.backgroundcolor = ""; da.style.cursor = "default"; }}} 함수 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;} else if (mm> 12) {yy ++; mm = mm-12;} if (mm <10) {mm = "0" + mm;} if (hh <10) {hh = "0" + hh;} // time if (mi <10) {mi = "0"0 " + mi;} // meps if (se <10) {se ="0 "{} // if (out). //outobject.value= ""; return;} if (n <10) {n = "0" + n;} writedateto (yy, mm, n, hh, mi, se); Closelayer (); if (buseTime) {try {outbutton.click (); } catch (e) {setday (OutObject); }}} else {closeLayer (); 경고 ( "출력하려는 제어 객체가 존재하지 않습니다!");}} 함수 형식 (n) // {var m = new String (); var tmp = new String (n); if (n <10 && tmp.length <2) {m = "0"+n; 사용자 {Odatelayer.meizzhourhead.innerText = MeizztheHour+"Time"; OdatelAyer.MeizzMinuteHead.innerText = MeizzTheMinute+"Minute; Odatelayer.meizzSecondhead.innerText = MeizzTheSecond+" Sec 빈 {odatelayer.meizzhourhead.innertext = ""; odatelayer.meizzminutehead.innertext = ""; odatelayer.meizzsecondhead.innertext = ""; WritedateTo (meizztheyear, meizzthemonth, meizzthedate, meizztheTheour, meizzThemonde) evasettimenow () // 시간 제어를 현재 시간으로 설정 {odatelayer.meizzhourhead.innertext = new Date (). gethours ()+"time"; odatelayer.meizzminutehead.innertext = new Date (). getMinutes ()+"minder"; odatelayer.meizzSecondead.innertetext = 날짜 (). getSeconds ()+"Seconds"; MeizztheHour = new Date (). gethours (); meizzTheminute = new Date (). getMinutes (); MeizzTheSecond = new 날짜 (); WritedateTo, MeizzThemonth, MeizzThedate, MeizzTheminute, meizztheCond) {busetime =! busetime (BISETIME) {bimgswitch (); 시간, 사용자가 선택한 시간 // 현재 시간 표시} {bimgswitch (); 형식 (mm) + " + 형식 (n) +" + 형식 (HH) + ":" + 형식 (mi) + "; want}} 함수 bimgswitch () {if (busetime) {bimg = "on";} else {bimg = "off";}} </script> <input onfocus = "setday (this)"name = "starttime">JavaScript에 대한 자세한 내용은이 사이트의 특별한 주제를 확인하십시오 : "JavaScript 시간 및 날짜 운영 기술 요약", "JavaScript Switching 효과 및 기술 요약", "JavaScript 검색 알고리즘 기술 요약", "JavaScript 특수 효과 및 기술 요약", "JavaScript 오류 및 데뷔 기술의 요약", "JavaScript 데이터", "JavaScript 데이터", "JavaScript" "JavaScript Traversal 알고리즘 및 기술 요약"및 "JavaScript 수학적 작동 사용 요약"
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.