테스트 사이트 - 개발 중인 베타 버전입니다

datepicker 질문드립니다. 채택완료

다나한포션 4년 전 조회 2,230

안녕하세요

datepicker 를 이용해서

날짜를 받고 있습니다.

 

날짜 받는칸 옆에

시간 받는 칸도 마련해서 같이 받고 있는데

 

주말은 오후6시~ 오후9시는 선택이 안되게 하려고 합니다.

 

일요일(0)은 잘 작동이 되는데

토요일(6)이 작동이 안됩니다. ㅠ

고수님들 한번 봐주세요 ..ㅠ

 

</p>

<p>                <div>

                    <ul>

                        <li><p>날짜</p></li>

                        <li><input type="text" id="datepicker" name="wr_2" class="ipfull" autocomplete="off" readonly></li>

                    </ul>

                </div>

                <div class="pop_sop">

                    <ul>

                        <li><p>시간</p></li>

                        <li>

                            <select id="wr_3" name="wr_3" class="ipfull">

                                <option value="">시간을 선택하세요.</option>

                                <option value="11:00">11:00</option>

                                <option value="12:00">12:00</option>

                                <option value="13:00">13:00</option>

                                <option value="14:00">14:00</option>

                                <option value="15:00">15:00</option>

                                <option value="16:00">16:00</option>

                                <option value="17:00">17:00</option>

                                <option value="18:00" class="dateh">18:00</option>

                                <option value="19:00" class="dateh">19:00</option>

                                <option value="20:00" class="dateh">20:00</option>

                                <option value="21:00" class="dateh">21:00</option>

                            </select>                        

                        </li>

                    </ul>

                </div></p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p>

<script>

        $(function() {

            $("#datepicker").datepicker({

                dateFormat: 'yy-mm-dd' //Input Display Format 변경

                ,showOtherMonths: true //빈 공간에 현재월의 앞뒤월의 날짜를 표시

                ,showMonthAfterYear:true //년도 먼저 나오고, 뒤에 월 표시

                ,changeYear: true //콤보박스에서 년 선택 가능

                ,changeMonth: true //콤보박스에서 월 선택 가능                

                ,showOn: "both" //button:버튼을 표시하고,버튼을 눌러야만 달력 표시 ^ both:버튼을 표시하고,버튼을 누르거나 input을 클릭하면 달력 표시  

                ,yearSuffix: "년" //달력의 년도 부분 뒤에 붙는 텍스트

                ,monthNamesShort: ['1','2','3','4','5','6','7','8','9','10','11','12'] //달력의 월 부분 텍스트

                ,monthNames: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'] //달력의 월 부분 Tooltip 텍스트

                ,dayNamesMin: ['일','월','화','수','목','금','토'] //달력의 요일 부분 텍스트

                ,dayNames: ['일요일','월요일','화요일','수요일','목요일','금요일','토요일'] //달력의 요일 부분 Tooltip 텍스트

                ,minDate: "+1D" //최소 선택일자(-1D:하루전, -1M:한달전, -1Y:일년전)

                ,maxDate: "+1M" //최대 선택일자(+1D:하루후, -1M:한달후, -1Y:일년후)   

       ,onSelect : function() {

            var s_date = $("#datepicker").datepicker("getDate").getDay();

            var tp = s_date != 0 ? false : true;

            $(".dateh").attr("disabled", tp);

        }        

       ,onSelect : function() {

            var s_date2 = $("#datepicker").datepicker("getDate").getDay();

            var tp2 = s_date2 != 6 ? false : true;

            $(".dateh").attr("disabled", tp2);

        }                

            });                    

        });

</script></p>

<p>

 

 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트

var tp = (s_date == 0 || s_date == 6) ? true : false;

이렇게만 하시면 되지 않을까 싶습니다.

onSelect 하나는 삭제하시구요.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인