텍스트 박스에 날짜를 입력하는데 자동으로 mask(포맷)을 적용하고 싶은 경우가 있지요. 이럴때 하기의 방법을 쓰면 해결 됩니다.

컨트롤

<label><input type="text" id="startDate" name="startDate" class="input_style wp80" onclick="popUpAction.dateClear('startDate')" placeholder="yyyy-mm-dd" onkeyup="this.value = date_mask(this.value)" maxlength="10" /></label>

자바스크립트

setDatePicker("startDate"); // 컨트롤에 날짜 셋팅

setDatePicker : function(dateName)
    {
        $("#" + dateName).datepicker
        ({
            changeYear      : true,        // 년 셀렉트 박스 유무
            changeMonth     : true,        // 월 셀렉트 박스 유무
            showOn          : "button",     // 버튼으로 동작
            buttonImage     : CONTEXT.path +"/resources/image/ko/common/ico_calendar.png",
            buttonImageOnly : true,
            dateFormat      : "yy-mm-dd"    // 날짜 출력 형식
        });
    },

// 날짜를 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;
}

텍스트 박스에 날짜를 입력하는데 자동으로 mask(포맷)을 적용하고 싶은 경우가 있지요. 이럴때 하기의 방법을 쓰면 해결 됩니다.

컨트롤

<label><input type="text" id="startDate" name="startDate" class="input_style wp80" onclick="popUpAction.dateClear('startDate')" placeholder="yyyy-mm-dd" onkeyup="this.value = date_mask(this.value)" maxlength="10" /></label>

자바스크립트

setDatePicker("startDate"); // 컨트롤에 날짜 셋팅

setDatePicker : function(dateName)
    {
        $("#" + dateName).datepicker
        ({
            changeYear      : true,        // 년 셀렉트 박스 유무
            changeMonth     : true,        // 월 셀렉트 박스 유무
            showOn          : "button",     // 버튼으로 동작
            buttonImage     : CONTEXT.path +"/resources/image/ko/common/ico_calendar.png",
            buttonImageOnly : true,
            dateFormat      : "yy-mm-dd"    // 날짜 출력 형식
        });
    },

// 날짜를 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;
}