날짜

시작시간

종료시간

위의 형태로 추가입력폼을 작성하고싶습니다. 

블로그에 기재헤주신 내용을 보고 아래와 같이 테마 내의 functions.php에 작성했습니다. 

현재 게시글 작성시에 입력폼은 노출이 되고있으나, 글 작성 완료후 내용을 확인하면 본문에 노출이 잘 안되서 문의 드립니다. 

add_filter('kboard_skin_fields', 'my_kboard_skin_fields', 10, 2);
function my_kboard_skin_fields($fields, $board){
	if($board->id == '1'){ // 실제 적용될 게시판 ID 값으로 변경해주세요.
		
		if(!isset($fields['date'])){
			$fields['date'] = array(
				'field_type' => 'date',
				'field_label' => '대관일',
				'class' => 'kboard-attr-text',
				'hidden' => '',
				'meta_key' => '',
				'field_name' => '',
				'permission' => '',
				'roles' => '',
				'default_value' => '',
				'placeholder' => '',
				'required' => '',
				'show_document' => '',
				'description' => '',
				'close_button' => 'yes'
			);
		}
	}
	
	return $fields;
}

add_filter('kboard_get_template_field_html', 'my_kboard_get_template_field_html', 10, 4);
function my_kboard_get_template_field_html($field_html, $field, $content, $board){
	
	if($field['field_type'] == 'date'){
		wp_enqueue_script('jquery-ui-datepicker');
		wp_enqueue_script('jquery-timepicker', KBOARD_URL_PATH . '/template/js/jquery.timepicker.js', array(), KBOARD_VERSION);
		wp_enqueue_style('jquery-flick-style', KBOARD_URL_PATH.'/template/css/jquery-ui.css', array(), '1.12.1');
		wp_enqueue_style('jquery-timepicker', KBOARD_URL_PATH.'/template/css/jquery.timepicker.css', array(), KBOARD_VERSION);
		
		ob_start();
		?>
		<div class="kboard-attr-row">
			<label class="attr-name" for="kboard_option_start_date"><?php echo __('Start date', 'kboard-cross-calendar')?><span class="attr-required-text">*</span></label>
			<div class="attr-value">
				<div class="calendar-event-start-date-set">
					<input type="text" class="datepicker" id="kboard_option_date" name="kboard_option_date" value="<?php echo $content->option->date?>" title="날짜" readonly>
					<input type="text" class="timepicker" name="kboard_option_time" maxlength="5" value="<?php echo $content->option->time1?>" title="대관시작" placeholder="대관시작">
					<input type="text" class="timepicker" name="kboard_option_time" maxlength="5" value="<?php echo $content->option->time2?>" title="대관종료" placeholder="대관종료">
				</div>
			</div>
		</div>
		<script>
		jQuery(document).ready(function(){
			jQuery('.datepicker').datepicker({
				closeText : '닫기',
				prevText : '이전달',
				nextText : '다음달',
				currentText : '오늘',
				monthNames : [ '1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월' ],
				monthNamesShort : [ '1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월' ],
				dayNames : [ '일', '월', '화', '수', '목', '금', '토' ],
				dayNamesShort : [ '일', '월', '화', '수', '목', '금', '토' ],
				dayNamesMin : [ '일', '월', '화', '수', '목', '금', '토' ],
				weekHeader : 'Wk',
				dateFormat : 'yy-mm-dd',
				firstDay : 0,
				isRTL : false,
				duration : 0,
				showAnim : 'show',
				showMonthAfterYear : true,
				yearSuffix : '년'
			});

			jQuery('.timepicker').timepicker({'timeFormat':'H:i'});
		});
		</script>
		<?php
		$field_html = ob_get_clean();
	}
	
	return $field_html;
}