jquery 질문 게시판

jquery datepicker 달력두개 연동시 minDate 설정보완 (구체적 질문 내용에 넣었어요)

가는편과 오는편 달력 두개를 연동하는 코드인데요, ( 그냥 달력 두개 연동 )가는편에서 월 이동시 오는편달력도 가는편 월과 동일한 월로 같이 이동하도록 설정한코드입니다질문1 : 오는편 달력에서 현재 오는편달력의 년/월 이전으로        이동불가하게 하려면 어떻게 해야할까요onChangeMonthYear:function(year,month,evnt)//왼쪽이나 오른쪽버튼을 눌렀을때 호출되는 콜백함수{ //2. 좌측 달력의 ‘월“ 과 우측 달력의 ’월‘ 은 동일하게 움직이도록 처리           var day2 = $("#godate").datepicker('getDate'); day2.setMonth(month-1); day2.setFullYear(year); $('#backdate').datepicker('setDate', day2) ... <div id="godate" style="display:inline-block"></div> // 가는편달력<div id="backdate" style="display:inline-block"></div> // 오는편달력 minDate 옵션값으로 현재 이동된 가는편 년/월 값을 변수에 저장해서 적용하면 간단히 될텐데그걸 코드로 구현하는게 이리저리 해봐도 안되네요 =============================== 두번째로 가는편에서 날짜를 선택하면 오는편 minDate 값으로 가는편에서 선택한 날짜를 지정해서가는편에서 선택한 날짜 이전으로 이동불가되도록 코드가 짜여졌는데 다시 가는편 월을 미래 월로 이동하면 오는편도 같이 잘 움직이는데, 문제는 가는편 월을 이전 월로이동하면 그때는 최초 가는편에서 선택했던 값이 오는편 minDate 값으로 지정되어서 오는편 월이 가는편 월과 같이 이동하지 않아요  질문2 :가는편에서 날짜 선택 후 다시 이동할 때 선택시 오는편 minDate 값을 입력된 값을       초기화시키려면 어떻게 해야 할까요   ============= 아래 코드는 전체 코드 입니다 ==============  <!doctype html><html lang="en"><head>  <meta charset="utf-8">  <meta name="viewport" content="wideadLineh=device-wideadLineh, initial-scale=1">  <link rel="stylesheet" href="jquery-ui.min.css">  <script src="jquery-3.1.1.min.js"></script>  <script src="jquery-ui.min.js"></script>    <script>/* ★ 설정숙제1. 가는편 선택 후 다시 월 이동시 오는편 minDate 선택값 도 초기화되어  원래대로 가는편 월과 동일한 월로 같이 이동2. 가는편 월 이동시 오는편 월은 현재 이동된 가는편 월 이전으로 이동불가 */var deadLine = new Date(),    y = deadLine.getFullYear(),    m = deadLine.getMonth()+1,    d = deadLine.getDate(),    h = deadLine.getHours(),    M = deadLine.getMinutes(); if(h >= 16 && M >= 30 ) d++;deadLine = y + "-" + m + "-" + d; $(function()  {     // 분 단위로 minDate 제어  - 16:30 지나면 minDate 일 단위에 하루 플러스 하여 선택불가 만들기    $( "#godate" ).datepicker({   // http://blog.naver.com/wizardkyn/220661505153      minDate: deadLine  //1. 좌측 달력 날짜의 최초 값은 기본 기능에 나와 있듯 “오늘” 날짜이며, 오늘 날짜 이전으로 월 & 일 이동 불가              //minDate 옵션 설정      ,dayNamesMin: [ "일", "월", "화", "수", "목", "금", "토"] //달력 한글화(요일)      ,monthNames: [ "1월", "2월", "3월", "4월", "5월", "6월", "7월", "8월", "9월", "10월", "11월", "12월" ]//달력 한글화(월)        ,yearSuffix:"년"        ,showMonthAfterYear:true        ,nextText:"다음달"        ,prevText:"이전달"        ,dateFormat:"yy-mm-dd"      ,onSelect: function(selected,evnt)      {         //3. 좌측 달력에서 날짜를 선택하면 우측 달력은 좌측 달력에서 선택된 날짜 이전으로 월 & 일 이동 불가         var day = $("#godate").datepicker('getDate');         $('#backdate').datepicker('option','minDate', day);//오른쪽달력 minDate 옵션으로 왼쪽달력의 선택된 날짜를 지정      }      ,onChangeMonthYear:function(year,month,evnt)//왼쪽이나 오른쪽버튼을 눌렀을때 호출되는 콜백함수      {         //2. 좌측 달력의 ‘월“ 과 우측 달력의 ’월‘ 은 동일하게 움직이도록 처리            var day2 = $("#godate").datepicker('getDate');         day2.setMonth(month-1);         day2.setFullYear(year);         $('#backdate').datepicker('setDate', day2)       }   });   $( "#backdate" ).datepicker({         minDate: deadLine      ,dayNamesMin: [ "일", "월", "화", "수", "목", "금", "토"]//달력 한글화(요일)      ,monthNames: [ "1월", "2월", "3월", "4월", "5월", "6월", "7월", "8월", "9월", "10월", "11월", "12월" ]//달력 한글화(월)        ,yearSuffix:"년"        ,showMonthAfterYear:true        ,nextText:"다음달"        ,prevText:"이전달"        ,dateFormat:"yy-mm-dd"   });     });      </script></head>  <body> <div id="godate" style="display:inline-block"></div><div id="backdate" style="display:inline-block"></div>     </body></html>

조용남자 2

2017.03.19 21:05:46
- 0
  답변수
- 1
  반응수
- 2.6k
  조회수
- 1
  투표
jQuery 질문: HTML에서 값 읽어오기...

다음과 같은 HTML부분이 있습니다.<div class="pic-menu col-sm-6" >    <a href="#" class="thumbnail">        <p style="margin:auto">            <button type="button" class="btn btn-default btn-sm">                <span class="glyphicon glyphicon-minus"></span> Minus             </button>             <span class="mprice">4000원</span>             <button type="button" class="btn btn-default btn-sm">                <span class="glyphicon glyphicon-plus"></span> Plus             </button>         </p>         <img src="/resources/images/zzamsang/myeon-oldzzajang.jpg" alt="면류-옛날짜장" data-val="4000">    </a></div>----------------------------------------------------------------------------------------------------------------------------------------위 HTML부분에서 빨간색 글자로 쓰여진 '4000원'의 값을 가져오는 jQuery 코드는 어떻게 될까요?[ 제한 사항 ]<span class="mprice">4000원</span>에서...class="mprice"처럼 클래스를 사용하지 않고 id를 사용하면 좋겠습니다만...위와 같은 규칙으로 그림들이 수십개 나열되기 때문에...클래스를 사용해야 합니다.============================================================================참고로파란색 글자로 쓰여진 "면류-옛날짜장"를 가져오는 자바스크립트는 다음과 같습니다.<script>    var orderList;    var orderCount=0;    $(document).ready(function(){       $("#flip").click(function(){       /* var flipPos = $("#flip").offset();       $("#panel").offset({top:flipPos.top+20,left:flipPos.left}); */          $("#panel").slideToggle("slow");      });       $(".thumbnail img").click(function(event){       event.preventDefault();       /* alert(this.alt);       alert(this.data-val); */       /* alert(event.target.nodeName); */       /* alert(this.nodeName); */       /* alert($("#panel").html()); */        orderCount = orderCount + 1;       $('#zumun .badge').text(orderCount);       orderList = $("#panel").html() + this.alt + "<br>";          $("#panel").html(orderList);          /* console.log($('~ p .mprice', this).html()); */      });  });</script>$(".thumbnail img").click(function(event){} <---$(".thumbnail img")를 클릭시 이벤트가 발생하도록 했는데요.다른 방도는 없을까요? HTML에서 이미지 부분을 클릭시 이벤트가 발생해야 하는 것은 맞습니다.그렇지만 4000원의 값을 가져오기 위해서는 다른 방도를 찾아야 하는 것은 아닌가 해서요.

샛별 4

2016.10.11 08:24:44
- 3
  답변수
- 5
  반응수
- 5.8k
  조회수
- 2
  투표
jquery - DOM 내 특정 element 유무 확인

자바스크립트에서 getElementById("ID") 로 DOM 내 특정 요소가 유효한지를 확인할 수 있었는데요.위와 동일하게 jquery에서 $("#ID) 로 확인하게 되면 무조건 유효하다고 결과를 주고 있습니다.다른방법으로 DOM 내 특정 요소에 대한 존재 유무를 확인해야 하나요?

막내 0

2016.05.30 12:48:37
- 1
  답변수
- 2
  반응수
- 2.6k
  조회수
- 0
  투표
jquery에서 특정 일자의 23시간 이후 값??

jquery 에서 '2016-01-02 00' 일자의 23시간 이후인 '2016-01-02 23' 를 구하고 싶습니다.특정 일자의 23시간 이후임으로 '2016-01-02 15' 인 경우에는 '2016-01-03 14' 가 되어야 합니다.도움 부탁드립니다..

막내 0

2016.05.20 15:39:17
- 2
  답변수
- 2
  반응수
- 2.2k
  조회수
- 0
  투표

jquery 게시판 정보

5
질문수
0
아카이브수
4
채택수
0
멤버수

jquery 질문 통계

최근 30일	답변율 0%	채택율 0%
전체	답변율 80%	채택율 80%

최근에 등록된 질문