input 필드 초기화를 위해 $("#id").val() 또는 $("#id").empty() 등 상황에 따라 방법이 다양하지만 간단한 방법을 한가지 소개해보려고 합니다. reset() 메소드 form의 아이디가 frmW인 경우 아래와 같이 한다면, $("#frmW")[0].reset(); frmW의 안에 있는 input(+file 타입), select, check, , textarea 까지 모든 내용이 초기화가 된다. 메일작성 보내기 임시저장 초기화 제목 받는사람 참조(CC) 첨부 No 파일명 크기(Bytes) 수정 (파일 리스트가 보여지는 건.. 파일 선택시 선택된 파일의 리스트를 그려주는 기능을 넣었는데 아마 이 부분은 table을 그려주기 때문에 reset() 함수 이외에 추가로 지워주는 기능을 넣..

YYYYMMDD 형태로 문자열을 입력받았을 때, 날짜를 계산할 수 있는 코드입니다. 공통 함수로 뽑아 사용하면 좋을 듯 합니다. package com.company; import java.text.ParseException; import java.text.SimpleDateFormat; import java.util.Calendar; import java.util.Date; import java.util.GregorianCalendar; import java.util.Locale; public class DateTest { public static void main(String[] args) { Calendar cal = new GregorianCalendar(Locale.KOREA);// 국제표준시(한..

화면 개발을 주로 jQuery를 이용해서 했었는데 얼마 전 jQuery UI란 것을 알게 되었습니다. jQuery UI는 드래그, 드롭, 리사이즈 등 다양한 기능뿐 아니라 CSS를 이용하여 UI를 손쉽게 구현할 수 있도록 제공해주는 라이브러리로 소개하고 있습니다. 유용하게 잘 사용할 수 있을 것 같아요 :) 아래 예제는 IE 11, Chrome, Microsoft Edge에서 테스트해봤고 정상적으로 작동했습니다. Draggable 이 기능은 레이어 팝업을 드래그해야 하는 경우 가장 유용하지 않을까 싶다. 설정은 간단하다. jQuery 라이브러리를 먼저 임포트해주고(다운로드하여 불러와도 무관하다) 함수를 이용하면 끝이다. Featured Special title treatment With supportin..

자바스크립트를 사용해 두 날짜의 차이를 비교하기아래 예제는 문자열로 된 값을 날짜 타입으로 변경해서 두 값을 비교하는 방법이다.문자열을 날짜 타입으로 변경하는 이유는 각각의 월마다 말일이 다르기 때문이다."2018.02.25 ~ 2018.03.05"를 비교할 때, 2월은 28일까지밖에 없으니 날짜로 비교하는 것이 정확하다. 12345678910111213141516171819202122232425262728293031323334353637 function calculus(){ var sta_ymd = document.getElementById("STA_YMD").value; var sta_ymd_arr = sta_ymd.split("."); var end_ymd = document.getElementBy..

자바스크립트를 사용하여 문자열로 된 값을 날짜 타입으로 변환하기 4 ~ 6 라인과 같이 문자열을 잘라서 new Date()로 생성해준다. 8 라인의 mm-1을 해준 이유는 자바스크립트의 Date 함수에서 월(月)에 해당하는 날짜는 0부터 시작을 하기 때문이다. 따라서 문자열 3은 날짜 타입의 2로 변환이 되어야 한다. 날짜 타입의 생성자를 만들고 나면 해당 생성자로 날짜 메소드 사용이 가능하다. ☞ 참고 getMonth() 메소드를 사용할 때는 +1을 해주는 것을 잊지 말자. +피드백은 언제나 환영입니다 :)

자바스크립트에서는 현재 날짜를 구하는 함수를 제공한다. new Date() Date 객체는 생성자로 호출해 사용해야 한다. 생성자를 만든 후 찍어보면 아래와 같이 나온다. 12var dt = new Date();alert(dt);cs 이 생성자 함수를 이용해 현재 날짜를 얻을 수 있다. 123456789101112131415161718192021222324252627현재?? : Colored by Color Scriptercs var Month = "" + (dt.getMonth()+1); var Day = "" + dt.getDate(); if(Month.length

jQuery는 사용법만 알면 참 편리하다. 먼저 체크박스를 해제하는 방법은 다음과 같다. 1$("input:checkbox[id='id값']").prop("checked", false); cs 반대로 체크박스를 체크하는 방법은? 1$("input:checkbox[id='id값']").prop("checked", true); cs 현재 토이프로젝트로 진행중인 부분에 이 방법을 사용한 곳이 있다. 방명록 쪽에서 비공개(체크박스)로 글을 남길 경우 글 등록에 성공하면 체크박스를 다시 처음으로 복귀시켜야 했다.(화면 새로고침이 아닌 비동기식 설계를 했기 때문에) 코드의 일부버튼 클릭 시 create_check() 함수가 실행되는데 몇가지 체크 후 create_proc() 함수를 다시 호출한다.ajax 처리 후 ..

jQuery를 이용한 체크박스 체크여부를 구하는 방법은 다음과 같다. var yn = $("input:checkbox[id='체크박스의 id값']").is(":checked");이 때 yn이라는 변수는 boolean 타입으로 체크여부에 의해 "true" 또는 "false" 값을 갖는다. 예제) list.jsp123456789function showHidden(){ if($("input:checkbox[id='customControlAutosizing']").is(":checked") == true) { $('#g_password').attr('disabled', false); } else { $('#g_password').attr('disabled', true); } }Colored by Color Sc..