개발자.. 너란놈..

new Date().getFullYear() + _pad(new String(new Date().getMonth() + 1), 2) + _pad(new String(new Date().getDate()), 2)

이거 한줄이면 바로 현재날짜 볼 수 있음

YYYYMMDD 입니다.

new Date().getFullYear() + "-" + _pad(new String(new Date().getMonth() + 1), 2) + "-" + _pad(new String(new Date().getDate()), 2);

YYYY-MM-DD

new Date().getFullYear() + "." + _pad(new String(new Date().getMonth() + 1), 2) + "." + _pad(new String(new Date().getDate()), 2);

YYYY.MM.DD

_pad함수

//숫자 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;
}

이상입니다~

해당 도메인 Swiper JS API를 다운 받을 수 있는 도메인 입니다.

https://swiperjs.com/

Swiper Js란

MIT에서 만든 FREE 라이센스 입니다.

거두절미 하고 결론적으로 말씀 드리면 최신버전은 ie를 지원하지 않으니

낮은 버전으로 swiper를 써서 진행하시길 바랍니다.

저는 4.5.1 버전에 Swiper를 이용하여 ie도 수직 swiper를 가능하게 사용 했습니다.

API중 최근에 있는 API는 ie를 지원하지 않는 버전도 꽤 있습니다.

저는 ie 11에서 수직으로 wheel이 되는 swiper를 만들었어야 됐는데 5.4.5버전으로 진행을 하려고 하니

IE에서 지원하지 않는 Math.sign 때문에 IE를 제외한 브라우저에서는 잘 됐었습니다.

그래서 낮은 버전으로 다시 시도를 해보니 잘 되는 것 확인 했습니다.

function 날짜(vDate)
{
	var vPrevDate;
	var vNowDate = new Date().getFullYear()+"-"+_pad(new Date().getMonth() + 1, 2)+"-"+_pad(new Date().getDate(), 2);
	var vResult;

	var d = new Date();
	var dayOfMonth = d.getDate();

	if(vDate == "now")
	{
		vPrevDate = vNowDate;
	}
	else if(vDate == "1week")
	{
		d.setDate(dayOfMonth - 7);
		vPrevDate = d.getFullYear()+"-"+_pad(d.getMonth() + 1,2)+"-"+_pad(d.getDate(),2);
	}
	else if(vDate == "2week")
	{
		d.setDate(dayOfMonth - 14);
		vPrevDate = d.getFullYear()+"-"+_pad(d.getMonth() + 1,2)+"-"+_pad(d.getDate(),2);
	}
	else if(vDate == "3week")
	{
		d.setDate(dayOfMonth - 21);
		vPrevDate = d.getFullYear()+"-"+_pad(d.getMonth() + 1,2)+"-"+_pad(d.getDate(),2);
	}
}

_pad 함수

//숫자 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;
}​

$("#아이프레임 id").load(function (){
        $("#프로그래스 바").hide();  //숨기기
});

//프로그래스 바 넣기
$("#프로그래스 바").show();

$("#아이프래임 id").attr("src", Url 변경);

-아이프레임을 가져오기 전에 프로그래스바를 넣고 Load가 다 되었을 때 프로그래스 바가 빠지게 설정 해주면 된다.

쿠키 저장

//이름 / 값 / 저장 시킬 시간
function _fnSetCookie(cookie_name, value, hours) {
    if (hours) {
        var date = new Date();
        date.setTime(date.getTime() + (hours * 60 * 60 * 1000));
        var expires = "; expires=" + date.toGMTString();
    } else {
        var expires = "";
    }
    document.cookie = cookie_name+ "=" + value + expires + "; path=/";
}

쿠키 값 가져오기

function _fnGetCookie(cookie_name) {
    var x, y;
    var val = document.cookie.split(';');

    for (var i = 0; i < val.length; i++) {
        x = val[i].substr(0, val[i].indexOf('='));
        y = val[i].substr(val[i].indexOf('=') + 1);
        x = x.replace(/^\s+|\s+$/g, ''); // 앞과 뒤의 공백 제거하기
        if (x == cookie_name) {
            return unescape(y); // unescape로 디코딩 후 값 리턴
        }
    }
}

쿠키 삭제하기

function _fnDelCookie(cookie_name) {
    _fnSetCookie(cookie_name, "", "-1");
}

//클릭 시 자동완성 리스트 꺼짐 
$(document).click(function(e){ 
    
    if (!$(e.target).is('#해당영역ID')) { 
        //이벤트
    }

    //ex
    if (!$(e.target).is('#')) { 
        $("#해당영역ID").css("display","none"); 
    } 
});

$.ajax({
	type: "POST",
	url: 유알엘(Url),
	dataType: "json",
	data: 데이터,
	success: function (result, status, xhr) {
		//결과 값 
	},
	beforeSend: function (){  
		$("#Progress_Bar").show(); //프로그래스 바
	},
	complete : function (){
		$("#Progress_Bar").hide(); //프로그래스 바
	},
	error: function (xhr, status, error) {
		alert("[Error]관리자에게 문의 해 주세요. " + status);
		return;
	}
});

beforeSend는 Ajax를 보내기 전에 쓰는 함수

complete는 ajax 작업이 끝나고 나서 쓰는 함수.

ajax에 async: false 로 되어있다면 프로그래스는 되지 않을 것 입니다.

HTML

CSS
/* 프로그래스 바 CSS */

.Progress_Bar {width: 100%;height: 100%;top: 0px;left: 0px;position: fixed;display: block;opacity: 0.7;background-color: #fff;z-index: 99;text-align: center;}
.Progress_Bar_Image {position: absolute;top: 50%;left: 50%;z-index: 100;}

JS

$(window).load(function(){
      $("#Progress_Bar").hide();
});

$("#Progress_Bar").hide(); 중요.
※Progress_Bar를 버튼 혹은 function에서 Show 시켜주고 마지막에 hide 시켜주면 됨 .