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

달력과 날짜입력기(DatePicker)

· 10년 전 · 15460 · 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에 계속 적용되지 못하는 경우가 많으므로
링크를 눌러서 최신 내용을 확인해주세요.

게시글 목록

번호 제목
3142
3134
3116
3114
3108
3107
3106
3099
3092
3079
3075
3064
3058
3057
3055
3051
3043
3038
3036
3034
3022
3021
3014
3007
3003
2992
2964
2958
2953
2949