자바스크립트 input 날짜 형태 변환하기
검색 form 이나 입력 form에 달력으로 날짜를 선택할때 하이픈(-)이 포함되어 있는 경우가 많은데
DB에 입력할때는 하이픈(-)을 제거해야 하는 경우가 있어서 날짜 형태를 변경하는 함수를 만들었습니다.
YYYY-MM-DD 형태를 YYYYMMDD 형태로 변경하고, 다시 YYYYMMDD 형태를 YYYY-MM-DD 형태로 변경하는 함수 입니다.
- YYYY-MM-DD 변환
/**
* YYYY-MM-DD 형태의 문자를 YYYYMMDD 형태로 변환
* @param argDate
* @returns {XML|string}
*/
fncDateToStr : function(argDate){
var tmp = '';
if(argDate !== undefined){
var regExp = /[\{\}\[\]\/?.,;:|\)*~`!^\-_+<>@\#$%&\\\=\(\'\"]/gi;
tmp = String(argDate).replace(/(^\s*)|(\s*$)/gi, '').replace(regExp, ''); // 공백 및 특수문자 제거
}
return tmp;
}
- YYYYMMDD 형태 변환
/**
* YYYYMMDD 형태의 문자를 YYYY-MM-DD 형태로 변환
* @param argStr : 변환할 데이터
* @returns 변환된 데이터
*/
fncStrToDate : function(argStr){
var retVal;
if(argStr !== undefined && String(argStr) !== ''){
var regExp = /[\{\}\[\]\/?.,;:|\)*~`!^\-_+<>@\#$%&\\\=\(\'\"]/gi;
var tmp = String(argStr).replace(/(^\s*)|(\s*$)/gi, '').replace(regExp, ''); // 공백 및 특수문자 제거
if(tmp.length <= 4){
retVal = tmp;
} else if(tmp.length > 4 && tmp.length <= 6){
retVal = tmp.substr(0, 4) + '-' + tmp.substr(4, 2);
} else if(tmp.length > 6 && tmp.length <= 8){
retVal = tmp.substr(0, 4) + '-' + tmp.substr(4, 2) + '-' + tmp.substr(6, 2);
} else {
alert('날짜 형식이 잘못되었습니다.\n입력된 데이터:'+tmp);
retVal = '';
}
}
return retVal;
}