달력과 날짜입력기(DatePicker)
페이지 정보
작성자 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 0건 조회 2,713회 작성일 21-01-28 09:17본문
<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>
관련링크
- https://sir.kr/g5_tip/2352 1585회 연결
댓글목록
등록된 댓글이 없습니다.