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

달력과 날짜입력기(DatePicker)

· 10년 전 · 15451 · 13




                <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

댓글 작성

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

로그인하기

댓글 13개

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

이후 업데이트가 sir에 계속 적용되지 못하는 경우가 많으므로
링크를 눌러서 최신 내용을 확인해주세요.

게시글 목록

번호 제목
24318
24317
24315
24309
24294
24293
24277
24262
24260
24253
24251
24236
24233
24228
24226
24221
24214
24203
24201
24199
24196
24195
24194
24192
24191
24187
24185
24183
24172
24168