달력과 날짜입력기(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에 계속 적용되지 못하는 경우가 많으므로
링크를 눌러서 최신 내용을 확인해주세요.