반응형

매개변수의 숫자를 입력하면 현재 날짜에서 +몇일 후 날짜를 가져 올 수 있는 함수.

//매개변수의 숫자만큼 현재 + 입력한 날짜의 YYYY-MM-DD를 리턴 합니다.
function _fnPlusDate(date) {
    var nowDate = new Date();
    var weekDate = nowDate.getTime() + (date * 24 * 60 * 60 * 1000);
    nowDate.setTime(weekDate);

    var weekYear = nowDate.getFullYear();
    var weekMonth = nowDate.getMonth() + 1;
    var weedDay = nowDate.getDate();

    if (weekMonth < 10) { weekMonth = "0" + weekMonth; }
    if (weedDay < 10) { weedDay = "0" + weedDay; }
    var result = weekYear + "-" + weekMonth + "-" + weedDay;
    return 

 

매개변수의 숫자를 입력하면 현재 날짜에서 -몇일 전 날짜를 가져 올 수 있는 함수.

//매개변수의 숫자만큼 현재 - 입력한 날짜의 YYYY-MM-DD를 리턴 합니다.
function _fnMinusDate(date) {
    var nowDate = new Date();
    var weekDate = nowDate.getTime() - (date * 24 * 60 * 60 * 1000);
    nowDate.setTime(weekDate);

    var weekYear = nowDate.getFullYear();
    var weekMonth = nowDate.getMonth() + 1;
    var weedDay = nowDate.getDate();

    if (weekMonth < 10) { weekMonth = "0" + weekMonth; }
    if (weedDay < 10) { weedDay = "0" + weedDay; }
    var result = weekYear + "-" + weekMonth + "-" + weedDay;

    return result;
}
반응형

input 박스에 핸드폰 번호 입력 시 

자동으로 숫자길이를 체크하여 하이픈('-')을 자동 입력 해주는 함수 입니다.

//input에서 입력할때 마다 이 함수의 value를 넣어서 return 시켜주면 됩니다.
function _fnMakePhoneForm(value) {

    var vTel = "";
    var vValue = value;
    vValue = vValue.replace(/-/gi, "");

    //자동 하이픈
    if (vValue.length < 4) {
        vTel = vValue;
    }
    else if (vValue.length < 7) {
        vTel += vValue.substr(0, 3);
        vTel += "-";
        vTel += vValue.substr(3);
    }
    else if (vValue.length < 11) {
        vTel += vValue.substr(0, 3);
        vTel += "-";
        vTel += vValue.substr(3, 3);
        vTel += "-";
        vTel += vValue.substr(6);
    } else {
        vTel += vValue.substr(0, 3);
        vTel += "-";
        vTel += vValue.substr(3, 4);
        vTel += "-";
        vTel += vValue.substr(7);
    }

    return vTel;
}
반응형

해당 숫자를 함수에 넣으면 앞에 길이만큼 0을 붙혀서 반환해주는 함수 입니다.

//숫자 width만큼 앞에 0 붙혀주는 함수 EX) widht = 2일떄 1은 01로 찍힘
function _pad(n, width) {
    n = n + '';
    return n.length >= width ? n : new Array(width - n.length + 1).join('0') + n;
}

 

반응형

JavaScript에서 숫자가 있는지 없는지 유무 체크하는 함수입니다.

undefined , null ,NaN 인경우 0으로 값을 반환 해주는 함수입니다.

//Null 값 0으로
function _fnToZero(data) {
    // undifined나 null을 null string으로 변환하는 함수. 
    if (String(data) == 'undefined' || String(data) == 'null' || String(data) == '' || String(data) == 'NaN') {
        return '0'
    } else {
        return data
    }
}
반응형

값이 Undefined이거나 null 일 경우 공백으로 치환해주는 JavaScript 함수 입니다.

//Null 값 ""
function _fnToNull(data) {
    // undifined나 null을 null string으로 변환하는 함수. 
    if (String(data) == 'undefined' || String(data) == 'null') {
        return ''
    } else {
        return data
    }
}
반응형

JavaScript에 Object 변수를 Json String 변수로 변경하는 함수 입니다.

 

function fnMakeJson(data) {
    if (data != undefined) {
        var str = JSON.stringify(data);
        if (str.indexOf("[") == -1) {
            str = "[" + str + "]";
        }
        return str;
    }
}
반응형

[2021.05.07]

※2019년에 FullCalendar를 커스터마이징을 하였고 버전은 'v3' 버전을 이용하였습니다. 

현재 v5버전까지 나온것으로 확인되며, v3 버전은 아래 도메인에서 받을 수 있습니다. 

github.com/fullcalendar/fullcalendar/releases/tag/v3.10.2

 

 

기본 FullCalendar.js를 사용하는 경우 api를 수정 시켜주어야 합니다.

v3 FullCalendar.js에서 'Toolbar.prototype.updateTitle' 를 검색하여 수정하여야 합니다. 

아래와 같이 수정하면 월/년 -> 년/월으로 수정 할 수있습니다.

Toolbar.prototype.updateTitle = function (text) {
        if (this.el) {          
        	
            //추가 yyyy년 mm
            var vMonthDate = text.substring(3,8)+"년 "+text.substring(0,3);                        
            
            this.el.find('h2').text(vMonthDate);
        }
    };

 

 

 

 

 

반응형

이번에 AutoComplete 수정하면서 찾아낸 이미지 변경입니다.

#ui-id-1 {오토 컴플리트 창}
.ui-menu-item-wrapper {오토 컴플리트 리스트 화면 수정}
.ui-menu-item-wrapper:hover {오토컴플리트 리스트 hover 시 화면 수정}
.ui-state-active{키보드 선택 시 오토 컴플리트 화면수정}

+ Recent posts