달력과 날짜입력기(DatePicker) > 그누보드5 팁자료실

그누보드5 팁자료실

달력과 날짜입력기(DatePicker) 정보

달력과 날짜입력기(DatePicker)

본문




                <tr>
                    <th scope="row">행사일</th>
                    <td>
                        <select name='d_year' class='frm_input' itemname='년'>
                            <option value=""></option>
                            <?php
                            $k = date("Y");
                            $j = date("Y") + 3;
                            for($i=$k; $i<$j; $i++) {
                            echo "<option value='{$i}'";
                            if($d_year == $i) { echo " selected='selected'"; } else { }
                            echo ">{$i}</option>";
                            }
                            ?>
                        </select>년
                        <select name='d_month' class='frm_input' itemname='월'>
                            <option value=""></option>
                            <?php
                            for($i=1; $i<13; $i++) {
                            echo "<option value='{$i}'";
                            if($d_month == $i) { echo " selected='selected'"; } else { }
                            echo ">{$i}</option>";
                            }
                            ?>
                        </select>월
                        <select name='d_day' class='frm_input' itemname='월'>
                            <option value=""></option>
                            <?php
                            for($i=1; $i<32; $i++) {
                            echo "<option value='{$i}'";
                            if($d_day == $i) { echo " selected='selected'"; } else { }
                            echo ">{$i}</option>";
                            }
                            ?>
                        </select>일
                    </td>
                </tr>

                <?php include_once(G5_PLUGIN_PATH.'/jquery-ui/datepicker.php'); ?>
                <script>
                    $(function(){
                        // 시작날짜와 끝나는 날짜를 함께 선택해서 사용할때
                        var dates = $( "#datepicker_from, #datepicker_to" ).datepicker({
                            //defaultDate: "+1w",  // 기본선택일이 1 week 이후가 선택되는 옵션
                            changeMonth: true,
                            dateFormat: "yy-mm-dd",  //  년월일 표시방법  yy-mm-dd 또는 yymmdd
                            numberOfMonths: 2,  // 한눈에 보이는 월달력수
                            onSelect: function( selectedDate ) {
                                var option = this.id == "datepicker_from" ? "minDate" : "maxDate",
                                instance = $( this ).data( "datepicker" ),
                                date = $.datepicker.parseDate(
                                instance.settings.dateFormat ||
                                $.datepicker._defaults.dateFormat,
                                selectedDate, instance.settings );
                                dates.not( this ).datepicker( "option", option, date );
                            }
                        });
                    });
                </script>
                <tr>
                    <th scope="row">행사일</th>
                    <td>
                        <input type="text" name="wr_1" class="frm_input" style="width:72px;" readonly id="datepicker_from" value="<?php echo $write["wr_1"]; ?>"> ~
                        <input type="text" name="wr_2" class="frm_input" style="width:72px;" readonly id="datepicker_to" value="<?php echo $write["wr_2"]; ?>">
                    </td>
                </tr>




참고자료
http://sir.co.kr/qa/?wr_id=27962
http://sir.co.kr/qa/?wr_id=34821

추천
2

댓글 13개

안녕하세요
적용은 했는데 글쓰기에서 선택한날짜를 상세보기 화면에어 표시되게하려고 하는데 초보라 모르겠어서요ㅠㅠ 어떻게 해야하나요?
sir 글 게시후 업데이트까지 챙기지 못합니다.
본문에 등록된 링크의 팁은 그후 업데이트 상태였으며,
지금 팁을 업데이트 했습니다.

이후 업데이트가 sir에 계속 적용되지 못하는 경우가 많으므로
링크를 눌러서 최신 내용을 확인해주세요.
전체 2,411 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT