안녕하세요 에스크원 상담스킨 커스터마이징이 아닐경우 시간선택 창과 요금계산코드는 어떻게 하면 되나요 ?

안녕하세요 커스터마이징이 아니고 그냥 게시판에서 입력필드로 추가해서 하는 경우 어떻게 시간선택과 요금계산을 넣으면 좋을까요 ㅠㅠ 

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

 

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

현재 제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 하던방식처럼 코드를 삽입하면 그대로 나오나요 

감사합니다 .

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
  • 안녕하세요~^^

    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에 대해 알면 도움이 되실 듯합니다.

    고맙습니다.

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기