hmw1001
61 lines
2.6 KiB
PHP
61 lines
2.6 KiB
PHP
<?php
|
|
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
|
|
|
// jQuery UI Datepicker 로드 (이미 로드되어 있을 수 있음)
|
|
add_stylesheet('<link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">', 0);
|
|
add_javascript('<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>', 0);
|
|
?>
|
|
|
|
<div class="write_div">
|
|
<label class="frm_label">노출 방식</label>
|
|
<div class="option_group">
|
|
<label>
|
|
<input type="radio" name="wr_is_reserved" value="0" <?php echo ($write['wr_is_reserved'] != 1) ? 'checked' : ''; ?>>
|
|
<span class="custom-radio"></span> 즉시 노출
|
|
</label>
|
|
<label>
|
|
<input type="radio" name="wr_is_reserved" value="1" <?php echo ($write['wr_is_reserved'] == 1) ? 'checked' : ''; ?>>
|
|
<span class="custom-radio"></span> 예약 노출
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="reservation_fields" class="write_div" style="display: <?php echo ($write['wr_is_reserved'] == 1) ? 'block' : 'none'; ?>;">
|
|
<div class="date_picker_group">
|
|
<div class="date_item">
|
|
<label for="wr_reserved_start" class="frm_label">시작일시</label>
|
|
<input type="text" name="wr_reserved_start" value="<?php echo $write['wr_reserved_start']; ?>" id="wr_reserved_start" class="frm_input datepicker" maxlength="19" placeholder="YYYY-MM-DD HH:mm:ss">
|
|
</div>
|
|
<span class="date_divider">~</span>
|
|
<div class="date_item">
|
|
<label for="wr_reserved_end" class="frm_label">종료일시</label>
|
|
<input type="text" name="wr_reserved_end" value="<?php echo $write['wr_reserved_end']; ?>" id="wr_reserved_end" class="frm_input datepicker" maxlength="19" placeholder="YYYY-MM-DD HH:mm:ss">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
$(function(){
|
|
// 라디오 버튼 변경 시 입력 필드 토글
|
|
$('input[name="wr_is_reserved"]').change(function(){
|
|
if($(this).val() == '1') {
|
|
$('#reservation_fields').show();
|
|
} else {
|
|
$('#reservation_fields').hide();
|
|
}
|
|
});
|
|
|
|
// Datepicker 설정 (시간 선택이 필요하다면 datetimepicker 라이브러리 필요, 여기서는 기본 datepicker 사용 후 시간은 수동 입력 가정)
|
|
// 실제로는 datetimepicker 플러그인을 사용하는 것이 좋습니다.
|
|
$(".datepicker").datepicker({
|
|
dateFormat: "yy-mm-dd",
|
|
onSelect: function(dateText) {
|
|
// 시간까지 입력하도록 유도하거나 기본값 설정
|
|
if(this.value.length <= 10) {
|
|
this.value = dateText + " 00:00:00";
|
|
}
|
|
}
|
|
});
|
|
});
|
|
</script>
|