<![CDATA[안녕하세요 에스크원 상담스킨 커스터마이징이 아닐경우 시간선택 창과 요금계산코드는 어떻게 하면 되나요 ?]]> https://www.cosmosfarm.com/threads/rss/document/31132 안녕하세요 커스터마이징이 아니고 그냥 게시판에서 입력필드로 추가해서 하는 경우 어떻게 시간선택과 요금계산을 넣으면 좋을까요 ㅠㅠ 

현재 날짜선택기만 들어가있는 상태입니다. 시간선택기는 넣을 수 없나요 ?

 

-- 요금계산은 제가 레디오 버튼을 더욱 추가를 해서요 .. 

현재 제1여객터미널실외  제1여객터미널실내  제2여객터미널실외  제2여객터미널실내 이렇게 4가지로 늘어났습니다 

function kboard_set_date(){
	var start_date = new Date(jQuery('#kboard_option_start_date').val());
	var end_date = new Date(jQuery('#kboard_option_end_date').val());
	var diff_date = (end_date.getTime() - start_date.getTime()) / (1000*60*60*24);
	var price = 0;
	
	var indoor_outdoor = jQuery('input[name="kboard_option_indoor_outdoor"]:checked').val();
	if(typeof indoor_outdoor === 'undefined'){
		alert('실외/실내를 선택해주세요.');
	}
	else{
		if(indoor_outdoor == '실내'){
			// 실내 기준 가격
			switch(diff_date){
				case 1: price = 30000; break;
				case 2: price = 30000; break;
				case 3: price = 30000; break;
				case 4: price = 36000; break;
				case 5: price = 45000; break;
				default: price = 0; break;
			}
		}
		else{
			// 실외 기준 가격
			switch(diff_date){
				case 1: price = 35000; break;
				case 2: price = 35000; break;
				case 3: price = 35000; break;
				case 4: price = 40000; break;
				case 5: price = 55000; break;
				default: price = 0; break;
			}
		}
		jQuery('input[name="kboard_option_price"]').val(price);
	}
}

전에는 이런식으로 넣었는데 이번에는 .. 추가로 늘어났으니 코드를 여기서 더 삽입하면 끝인가요 ? 게시판에서 입력필드를 넣는 경우 어떻게 하면 되나요 ? 그냥 jQuery 하던방식처럼 코드를 삽입하면 그대로 나오나요 

감사합니다 .

]]> Copyright 2026, 코스모스팜 <![CDATA[안녕하세요~^^ FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/editor.php 파일 하단에...]]> https://www.cosmosfarm.com/threads/document/31138 안녕하세요~^^

FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/editor.php 파일 하단에

아래의 코드를 추가하시면 달력 및 시간 선택 필드를 사용하실 수 있습니다.

(크로스 캘린더 스킨의 경우에는 기본적으로 포함되어 있습니다.)

<?php
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);
?>

 

/wp-content/plugins/kboard/skin/사용중인스킨/script.js 파일 하단에

아래의 코드도 추가해주셔야 합니다.

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'});
});

 

/wp-content/plugins/kboard/skin/사용중인스킨/editor.php 파일에

아래의 코드를 활용하시면 날짜 선택 및 시간 선택도 하실 수 있습니다.

<?php
if(isset($_GET['ymd'])){
	$ymd = date('Y-m-d', strtotime($_GET['ymd']));
}
$today = date('Y-m-d', current_time('timestamp'));
?>
<div class="kboard-attr-row">
	<label class="attr-name" for="kboard_option_start_date"><?php echo __('Start date', 'kboard-cross-calendar')?></label>
	<div class="attr-value">
		<div class="calendar-event-start-date-set">
			<input type="text" class="datepicker" id="kboard_option_start_date" name="kboard_option_start_date" value="<?php echo $content->option->start_date ? $content->option->start_date : (isset($ymd) ? $ymd : $today)?>" title="<?php echo __('Start Date Setting', 'kboard-cross-calendar')?>" readonly>
			<input type="text" class="timepicker" name="kboard_option_start_time" maxlength="5" value="<?php echo $content->option->start_time ? $content->option->start_time : date('H:i', strtotime('9:00'))?>" title="<?php echo __('Start Time Setting', 'kboard-cross-calendar')?>">
		</div>
	</div>
</div>

<div class="kboard-attr-row">
	<label class="attr-name" for="kboard_option_end_date"><?php echo __('End date', 'kboard-cross-calendar')?></label>
	<div class="attr-value">
		<div class="calendar-event-end-date-set">
			<input type="text" class="datepicker" id="kboard_option_end_date" name="kboard_option_end_date" value="<?php echo $content->option->end_date ? $content->option->end_date : (isset($ymd) ? $ymd : $today)?>" title="<?php echo __('End Date Setting', 'kboard-cross-calendar')?>" readonly>
			<input type="text" class="timepicker" name="kboard_option_end_time" maxlength="5" value="<?php echo $content->option->end_time ? $content->option->end_time : date('H:i', strtotime('18:00'))?>" title="<?php echo __('End Time Setting', 'kboard-cross-calendar')?>">
		</div>
	</div>
</div>

 

요금 계산의 경우에는

저희가 커뮤니티에서 모든 코드를 만들어 드리기엔 현실적으로 불가능하기 때문에

jQuery에 대해 알면 도움이 되실 듯합니다.

고맙습니다.

]]> 스레드봇 Fri, 15 Mar 2019 03:21:22 +0000 KBoard