datepicker 기간설정 후 기간의 날짜별 출력 문의
Zerone
9년 전
조회 6,543
초보라 도저히 풀수가 없어서 문의드립니다
datepicker를 활용해서 기간별 날짜를 출력하고 싶습니다.
</p><p><span class="Apple-tab-span" style="white-space:pre"> </span><script></p><p> </p><p> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$(function() {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$("#datepicker").datepicker({</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>beforeShowDay: function(date) {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var date1 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#input1").val());</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var date2 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#input2").val());</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>return [true, date1 && ((date.getTime() == date1.getTime()) || (date2 && date >= date1 && date <= date2)) ? "dp-highlight" : ""];</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>},</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>onSelect: function(dateText, inst) {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var date1 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#input1").val());</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var date2 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#input2").val());</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>if (!date1 || date2) {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$("#input1").val(dateText);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$("#input2").val("");</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$(this).datepicker("option", "minDate", dateText);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>} else {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$("#input2").val(dateText);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$(this).datepicker("option", "minDate", null);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>});</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>});</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></script></p><p> </p><p> </p><p> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span><tr></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><th scope="row"></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><label for="opt1_subject">기간</label></p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span></th></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><td></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><div id="datepicker"></div>
</p><p><span class="Apple-tab-span" style="white-space:pre"> </span><input type="text" id="input1" size="12"> ~</p><p><span class="Apple-tab-span" style="white-space:pre"> </span><input type="text" id="input2" size="12"></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><input type="text" id="input3" size="12"></p><p><span class="Apple-tab-span" style="white-space:pre"> </span></td></p><p><span class="Apple-tab-span" style="white-space:pre"> </span></tr></p><p>
input1에는 시작 input2에는 종료 기간
input3에 기간날짜별 2016-01-01,2016-01-02 ...... 로 표현하고 싶은데 스크립트를 어떻게 해야할지 모르겠습니다 ㅜㅜ
고수분들! 도움 부탁드립니다
감사합니다
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
9년 전
무슨말인지 이해가좀 안되는데요
input1에 시작날짜입력
input2에 종료날짜입력
input3에 시작날짜입력한값, 종료날짜입력값이 나오게하고싶으신가요??
아니면 input3에는 시작날짜입력값~ 종료날짜입력값까지
2016-01-01, 2016-01-02, 2016-01-03 .... 종료날짜까지 출력을 원하신다는건지요?
로그인 후 평가할 수 있습니다
답변에 대한 댓글 3개
Z
Zerone
9년 전
�
보들이윤
9년 전
input3에 넣으신다면,, 어디에서 뿌려주어서 사용하고 싶으신건가요??
그냥 단순 뿌려주는 목적이라면
view페이지같은곳에서 input1의값을 부르고 input2의 값까지 뿌려주는게 편해보이는데요
그냥 단순 뿌려주는 목적이라면
view페이지같은곳에서 input1의값을 부르고 input2의 값까지 뿌려주는게 편해보이는데요
Z
Zerone
9년 전
실제로 input1과 input2는 보여주는데는 의미가 없고 input3가 필요한 부분이고
옵션1항목 나열값이 11,22,33,44 ... 식으로 입력하게 되어 있어서
날짜를 ,로 구분해서 입력할려고 합니다
옵션1항목 나열값이 11,22,33,44 ... 식으로 입력하게 되어 있어서
날짜를 ,로 구분해서 입력할려고 합니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
input3에는 시작날짜부터 종료날짜까지 2016-01-01, 2016-01-02, 2016-01-03 .... 이런식으로 나오게 하고 싶습니다