자바스크립트 날짜 포맷 (yyyy-mm-dd)

달력 컨트롤을 사용하여 달력 이미지를 클릭 후 날짜를 화면에 표시해주는 경우도 많이 있지만 달력 이미지를 클릭하지 않고 텍스트 박스에 키보드 자판으로 숫자만 입력하는 경우가 많이 있습니다.

이럴 경우 자동으로 날짜 포맷을 yyyy-mm-dd로 맞춰준다면 좋겠다는 생각에 만들어 보았습니다. 오늘은 자바스크립트 날짜 포맷 (yyyy-mm-dd)에 관해서 포스팅을 준비 했습니다.

먼저 날짜를 입력하려는 텍스트 박스 컨드롤이 있어야 하겠지요.
<label><input type="text" id="dateControll" name="dateControll" class="input_style wp80" onkeyup="this.value = date_mask(this.value)" maxlength="10" /></label>

콘트롤에서 onkeyup 할 때마다 발생하는 스크립트 함수는 아래와 같습니다.
<script type="text/javascript">
<!--
// 날짜를 yyyy-mm-dd 형식으로 만들어 줌.
function date_mask(objValue) {
 var v = objValue.replace("--", "-");

    if (v.match(/^\d{4}$/) !== null) {
        v = v + '-';
    } else if (v.match(/^\d{4}\-\d{2}$/) !== null) {
        v = v + '-';
    }
 
    return v;
}
//-->
</script>

이렇게만 하면 끝!!!



어떠세요?
엄청 쉽줘...ㅎ

이상으로 자바스크립트 날짜 포맷 (yyyy-mm-dd)에 대한 포스팅이었습니다.
오늘도 행복한 하루 되세요~~~^^