개발 Q&A

제목 jquery 에서 클릭 한번에 동작하지 않는 증상 ????
글쓴이 람이 작성시각 2016/10/06 11:20:03
댓글 : 2 추천 : 0 스크랩 : 0 조회수 : 18650   RSS

http://travel1.4next.net/tallinksiljas/web/product/cruise.php?catcode=101000

 

위 링크에 가 보시면 달력을 클릭할때 한번에 클릭시 안 되고 두번 눌러야 동작합니다.

아래는 코드 일부 입니다.

 

 

<script>
$( window ).load(function() {
	var max_date = $("#s_city option:selected").val();
	var p_id = "<?=$admin_partner_id;?>";
	var url="/admin/search/common/_ajax_category_cruise.php";
	$.post(url,{p_id:p_id, catcode:max_date},function(data){
		$("#s_max_day").val(data);
	});
});

------ 생략 ----

	$('#s_day1').on("click", function() {
		$('#s_day1').datepicker({ 
			dateFormat: 'yy-mm-dd', 
			numberOfMonths: 1, //나타낼 달 개수
			minDate : mdate(),  //오늘 이전 비활성화시
			showButtonPanel: true,//하단 투데이 및 클로즈 버튼 
			closeText: "닫기"
		});
	});
	$('#e_day1').on("click", function() {
		$('#e_day1').datepicker({ 
			dateFormat: 'yy-mm-dd', 
			numberOfMonths: 1, //나타낼 달 개수
			minDate: mdate(),  //오늘 이전 비활성화시
			showButtonPanel: true,//하단 투데이 및 클로즈 버튼 
			closeText: "닫기"
		});
	});

	function  mdate() {
		var str = $("#s_max_day").val();
		return str;
	}

------ 생략 ----

	$('#s_day1').datepicker("option", "maxDate", $("#e_day1").val());
	$('#s_day1').datepicker("option", "onClose", function ( selectedDate ) {
		$("#e_day1").datepicker( "option", "minDate", selectedDate );
	});

	$('#e_day1').datepicker("option", "minDate", $("#s_day1").val());
	$('#e_day1').datepicker("option", "onClose", function ( selectedDate ) {
		$("#s_day1").datepicker( "option", "maxDate", selectedDate );
	});

달력을 클릭하면 ajax로 미리 다른 필드에 넣어둔 날짜를 minDate로 처리한 값을 호출하게 하려니...

구글에서 수 많은 검색 후 결국 이렇게 했는데..

 

두번 클릭때 잘 되는데 한번에 안되는 건 어떻게 고쳐야 할까요 ?
 다음글 Ajax로 호출된 컨트롤러에서 데이터 찍어보는 방법. (3)
 이전글 호스팅 문제입니다. (2)
목록

댓글

kaido / 2016/10/06 11:58:57 / 추천 1 
$(window).load()
$(window).ready()



둘의 차이점.

혹은 엘레먼트가 위에 감싸져 있지 않은지 확인해 보세요.

 

 

      $(document).ready(function() {
                   
                    $.datepicker.regional['ko'] = {
                         closeText: '닫기',
                         prevText: '이전달',
                         nextText: '다음달',
                         currentText: '오늘',
                         monthNames: ['1월','2월','3월','4월','5월','6월',
                         '7월','8월','9월','10월','11월','12월'],
                         monthNamesShort: ['1월','2월','3월','4월','5월','6월',
                         '7월','8월','9월','10월','11월','12월'],
                         dayNames: ['일','월','화','수','목','금','토'],
                         dayNamesShort: ['일','월','화','수','목','금','토'],
                         dayNamesMin: ['일','월','화','수','목','금','토'],
               //          weekHeader: 'Wk',
                         dateFormat: 'yy-mm-dd',
                         firstDay: 0,
                         isRTL: false,
                         duration:200,
                         showMonthAfterYear: true,
                         autoSize: false, //오토리사이즈(body등 상위태그의 설정에 따른다)
                         changeMonth: true, //월변경가능
                         changeYear: true, //년변경가능
                         yearRange: '1990:2020',
                         yearSuffix: '년'
                    };
                    $.datepicker.setDefaults($.datepicker.regional['ko']);
                    $(".date_start").datepicker();
                    $(".date_end").datepicker();               
                   
    
               });

 

노파심에 제가 자주 사용하는 부분을 통째로 올려드립니다. 

직관적이라서 좀더 보기 편하실 것입니다. 응용해 보세요.
람이 / 2016/10/06 13:04:58 / 추천 0
kaido 님 답변 감사 드립니다. ^^