[G5] 달력과 날짜입력기(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=...)을 지우면 달력 한개만 적용
                                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>

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




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