suroMind

동적으로 추가된 html 코드에 달력을 띄울 경우에는 jquery 달력이 작동하지 않는다.

아래처럼 동적으로 추가한 후에 each로 jquery 달력이 동작하도록 설정한다.

function addHtml(){

.... html 동적 추가 코드 ...

.... html 동적 추가 코드 ...

$('.datepicker').each(function(){
    $(this).datepicker();
});

}

.datepicker는 추가한 코드에 class를 이용함.

출처 : http://codingrecipes.com/jquery-ui-dialog-and-the-enter-return-key-problem

         http://blog.naver.com/PostView.nhn?blogId=lcoguss&logNo=199048137

jquery dialog로 창을 띄워놓고

html의 input 에서 문자 입력 후에 enter를 누를 시 dialog가 닫혀버리는 현상이 있다.

아래처럼 keyCode가 13일때 아무런 처리를 하지 않으면 된다.

$('.dialog').find('input').keypress(function(e) {
	if ((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13)) {
		//$(this).parent().parent().parent().parent().find('.ui-dialog-buttonpane').find('button:first').click(); /* Assuming the first one is the action button */
		return false;
	}
});

출처 : http://jmnote.com/wiki/JQuery_UI_%EA%B8%B0%EA%B0%84_%EC%84%A0%ED%83%9D_(datepicker)

조회기간:  ~ 

시작날짜를 선택하면 마지막날짜를 시작날짜 이후만 선택되도록 된다.

Jquery 참 편한것 같다..ㅎㅎ