날짜 시간 js control_time 날짜

코드 복사 코드는 다음과 같습니다. /**//** *이 달력 선택 컨트롤은 이전 경험을 바탕으로 tiannet에 의해 완성되었습니다. 대부분의 코드는 meizz의 캘린더 컨트롤에서 나옵니다. *tiannet에는 시간 선택 기능, 선택, 개체 라벨 숨기기 기능 및 기타 작은 기능이 추가되었습니다. *사용법: * (1) 날짜만 선택 hour * (3)날짜, 시간, 분 선택 *매개변수 설정 방법 * (1) 날짜 구분 기호 설정 setDateSplit(strSplit); 기본값은 "-"입니다. * ( 2) 설정 날짜와 시간 사이의 구분 기호 setDateTimeSplit(strSplit); 기본값은 " "입니다. * (3) 시간 구분 기호를 설정합니다. setTimeSplit(strSplit); 기본값은 ":"입니다. * (4) Set ( 1), (2) 및 (3) setSplit(strDateSplit, strDateTimeSplit, strTimeSplit) * (5) 시작 및 종료 연도 설정 setYearPeriod(intDateBeg, intDateEnd) * 설명: * 기본 반환 날짜 및 시간 형식은 다음과 같습니다. 2005-02-02 08:08 */ //------------------ 스타일 정의-- - -------------// //기능 버튼 스타일 동일 var s_tiannet_turn_base = "height:16px; 글꼴 크기: 9pt;색상:흰색;테두리:0 단색 #CCCCCC;커서:손;배경색:#2650A6;"; //연도, 월 등을 바꾸는 버튼 var s_tiannet_turn = "width:28px;" s_tiannet_turn_base; //닫기, 지우기 등의 버튼 스타일 var s_tiannet_turn2 = "s_tiannet_turn_base" //연도 선택 드롭다운 상자 s_tiannet_select = "너비:64px;display:none ;"; //월, 시, 분 선택 드롭다운 상자 var s_tiannet_select2 = "너비:46px;display:none;" // 날짜 선택 제어 본문 스타일 var s_tiannet_body = "width:150; background-color:#2650A6;display:none;z-index:9998;position:absolute; "border-left:1 solid #CCCCCC;border-top:1 solid #CCCCCC;border -right:1 solid #999999;border-bottom:1 solid #999999;"; //일일의 스타일 표시 var s_tiannet_day = "폭:21px;높이:20px;배경색:# D8F0FC;글꼴 크기:10pt;"; //글꼴 스타일 var s_tiannet_font = "색상:#FFCC00;글꼴 크기:9pt;커서 :hand;"; //링크 스타일 var s_tiannet_link = "text-장식:none;font-size:9pt;color:#2650A6;"; //가로선 var s_tiannet_line = "border-bottom:1 solid #6699CC" //----- 변수 정의------------- ---------------- -// var tiannetYearSt = 1950; //시작 연도 선택 가능 var tiannetYearEnd = 2010 //종료 연도 선택 가능 var tiannetDateNow = new Date(); var tiannetYear = tiannetDateNow.getFullYear(); //연도를 정의하는 변수의 초기값 var tiannetMonth = tiannetDateNow.getMonth() 1; 월을 정의하는 변수 var tiannetDateNow.getDate(); var tiannetHour = 8;//tiannetDateNow.getHours() var tiannetMinute = 0;//tiannetDateNow.getMinutes(); 🎜>var tiannetArrDay=new Array(42); //날짜를 쓰기 위한 배열 정의 var tiannetDateSplit = "-"; //날짜 구분 기호 var tiannetDateTimeSplit = " "; and time var tiannetTimeSplit = ":"; //시간 구분 기호 var tiannetOutObject; //날짜 및 시간을 수신하는 개체 var arrTiannetHide = new Array();//강제적으로 적용되는 레이블 숨김 var m_bolShowHour = false;//시간 표시 여부 var m_bolShowMinute = false;//분 표시 여부

setRealDayCount();//실제 날짜 설정 월별 tiannetWriteHead() ; var strDateFont1 = "", strDateFont2 = "" //날짜 표시 스타일 처리 for (var i = 0; i var day1 = 1 var firstday = new Date(yy,mm-1,1).getDay(); 특정 달의 첫 번째 날의 주 for (var i = firstday; day1 tiannetArrDay[i]=day1;day1 } //날짜의 마지막 행을 표시하는 데 사용하는 경우 첫 번째 셀의 값이 비어 있으면 전체 행이 숨겨집니다. //if(tiannetArrDay[35] == ""){ // document.all.trTiannetDay5.style.display = "none" //} else { // document .all.trTiannetDay5.style.display = ""; //} for (var i = 0; i var da = eval("document.all.tdTiannetDay " i) //새 달의 날짜와 주 배열을 적는다 if (tiannetArrDay[i]!="") { //주말인지 판단, 주말이면 변경 빨간색 글꼴로 if(i % 7 == 0 || (i 1) % 7 == 0){ strDateFont1 = " strDateFont2 = " " } else { strDateFont1 = ""; strDateFont2 = "" } da.innerHTML = strDateFont1 tiannetArrDay[i] strDateFont2; //If it 가 현재 선택한 날짜이면 색상을 변경하세요. if(tiannetArrDay[i] == tiannetDay ) { da.style.BackgroundColor = "#CCCCCC" } else { da.style .BackgroundColor = "#EFEFEF" ; } da.style.cursor="hand" } else { da.innerHTML="";da.style.BackgroundColor="";da .style.cursor="default " } }//end for tiannetSetValue(false);//텍스트 상자에 값을 할당하되 이 컨트롤을 숨기지 마세요 }// end function tiannetSetDay //옵션에 따라 값 선택 옵션 function checkSelect(objSelect,selectValue) { var count = parsInt(objSelect.length) if( selectValue selectValue = selectValue.substring(1,2) } for(var i = 0;i if (objSelect.options[i].value == selectValue){ objSelect.selectedIndex = i; break } }// } //선택 연도, 월, 시, 분 등 드롭다운 상자 function selectObject(){ //연도가 허용되는 최소 연도보다 작은 경우 해당 옵션을 만듭니다. if( tiannetYear for( var i = tiannetYear;i createOption(document.all.selTianYear,i,i "연도") } tiannetYearSt = tiannetYear ; } //연도가 최대 허용 연도를 초과하는 경우 해당 옵션을 생성합니다. if( tiannetYear > tiannetYearEnd ) { for( var i = tiannetYearEnd 1;i createOption(document.all.selTianYear,i,i "연도"); } tiannetYearEnd = tiannetYear; } checkSelect(document.all.selTianYear, tiannetYear); checkSelect(document.all.selTianMonth,tiannetMonth); if( m_bolShowHour ) checkSelect(document.all.selTianHour,tiannetHour) if( m_bolShowMinute ) checkSelect(document.all.selTianMinute, tiannetMinute); } //날짜와 시간을 허용하는 컨트롤에 값 할당 //Parameter bolHideControl - 컨트롤 숨기기 여부 function tiannetSetValue(bolHideControl){ var value = ""; if( !tiannetDay || tiannetDay == "" ){ tiannetOutObject.value = value; } var mm = var day = tiannetDay; if( mm if( day value = tiannetYear tiannetDateSplit mm tiannetDateSplit day if ( m_bolShowHour ){ var hour = tiannetHour if( hour value = tiannetDateTimeSplit hour } if( m_bolShowMinute ){ var Minute = tiannetMinute if( 분 &lt ; 10 && Minute.toString().length == 1 ) 분 = "0" 분 value = tiannetTimeSplit 분 tiannetOutObject.value = //document.all; .divTiannetDate.style.display = "none"; if( bolHideControl ) { tiannetHideControl() ; } } //시간 표시 여부 function showTime( ){ if( !m_bolShowHour && m_bolShowMinute){ alert("분을 선택하려면 시간을 선택해야 합니다!"); return; } hideElementsById(new Array("tiannetHourHead","selTianHour","tiannetMinuteHead","selTianMinute"),true); if( m_bolShowHour ){ //시간 표시 hideElementsById(new Array("tiannetHourHead"),false) } if( m_bolShowMinute){ //분 표시 hideElementsById(new Array("tiannetMinuteHead) "),false); } } //사용자가 function tiannetPopCalendar(){ 을 선택할 수 있도록 달력 선택 컨트롤을 표시합니다//드롭다운 상자 숨기기 그리고 해당 헤드를 표시합니다. hideElementsById(new Array("selTianYear","selTianMonth","selTianHour","selTianMinute"),true); hideElementsById(new Array("tiannetYearHead","tiannetMonthHead"," tiannetHourHead"," tiannetMinuteHead"),false); tiannetSetDay(tiannetYear,tiannetMonth); tiannetWriteHead(); showTime(); var Dads = document.all.divTiannetDate.style; var iX , iY;

var h = document.all.divTiannetDate.offsetHeight; var w = document.all.divTiannetDate.offsetWidth //왼쪽 계산 window.event.x h > document.body.offsetWidth - 10 ) iX = window.event.x - h - 5 else iX = window.event.x if (iX iX=0; //상위 계산 iY = window.event.y; if (window.event.y w > document.body.offsetHeight - 10 ) iY = document.body.scrollTop document.body.offsetHeight - w - 5 else iY = document.body.scrollTop window.event.y 5; 0) iY=0; dads.left = iX; tiannetShowControl() selectObject()>// 캘린더 컨트롤 숨기기(강제적으로 숨겨진 라벨도 표시) function tiannetHideControl(){ document.all.divTiannetDate.style.display = "none"; tiannetShowObject() arrTiannetHide = new Array (); //숨겨진 라벨 객체 지우기 } //캘린더 컨트롤 표시(가려진 라벨을 숨긴 상태에서) function tiannetShowControl(){ document.all.divTiannetDate.style.display = ""; tiannetHideObject("SELECT"); tiannetHideObject("OBJECT"); } //이름을 기준으로 태그를 숨깁니다. 컨트롤 선택을 포함하는 경우 개체 function tiannetHideObject(strTagName) {

x = document.all.divTiannetDate.offsetLeft; y = document.all.divTiannetDate.offsetTop; 🎜> h = document.all.divTiannetDate.offsetHeight; w = document.all.divTiannetDate.offsetWidth;

for (var i = 0; i {

var obj = document.all.tags(strTagName)[i] if (! obj || ! obj.offsetParent) continue; >/ / BODY 마크에 대한 요소의 상대 좌표를 가져옵니다. var objTop = obj.offsetTop; var objWidth = obj.offsetWidth; var objParent = obj.offsetParent;

while (objParent.tagName.toUpperCase() != "BODY"){ objLeft = objParent.offsetLeft; objParent.offsetTop; objParent = objParent.offsetParent; } //alert("왼쪽 끝 제어:" x "왼쪽 끝 선택" (objLeft objWidth) "아래 제어:" (y h) "선택 height:" objTop);

var bolHide = true; if( obj.style.display == "none" || obj.style.visibility == "hidden" || obj.getAttribute( "Author") == " tiannet" ){ //레이블 자체가 숨겨져 있으면 숨길 필요가 없습니다. 컨트롤의 드롭다운 상자인 경우 숨길 필요가 없습니다. bolHide = false; } if( ( (objLeft objWidth) > ){ //arrTiannetHide.push(obj);//숨겨진 라벨 객체 기록 arrTiannetHide[arrTiannetHide .length] = obj; obj.style.visibility = "hidden"; }

} } //숨겨진 태그 표시 function tiannetShowObject (){ for(var i = 0;i //alert(arrTiannetHide[i]) arrTiannetHide[i].style.visibility = "" ; } } //초기화 날짜. function tiannetInitDate(strDate){ var arr = strDate.split(tiannetDateSplit); tiannetYear = arr[0]; tiannetMonth = arr[1]; ]; } //지우기 function tiannetClear(){ tiannetOutObject.value = ""; tiannetHideControl() }//클릭 시 닫기 컨트롤 function document.onclick(){ with(window.event.srcElement){ if (tagName != "INPUT" && getAttribute("Author") != "tiannet") tiannetHideControl(); } } //컨트롤을 닫으려면 ESC 키를 누르세요 function document.onkeypress(){ if( event.keyCode == 27 ){ tiannetHideControl() } } (1) 날짜만 선택

(2)날짜 및 시간 선택 (3) 날짜, 시간, 분 선택 🎜>

날짜 시간 js control_time 날짜

관련 기사