코스모스팜 스레드
안녕하세요 에스크원 상담스킨 커스터마이징이 아닐경우 시간선택 창과 요금계산코드는 어떻게 하면 되나요 ?
안녕하세요 커스터마이징이 아니고 그냥 게시판에서 입력필드로 추가해서 하는 경우 어떻게 시간선택과 요금계산을 넣으면 좋을까요 ㅠㅠ
현재 날짜선택기만 들어가있는 상태입니다. 시간선택기는 넣을 수 없나요 ?
-- 요금계산은 제가 레디오 버튼을 더욱 추가를 해서요 ..
현재 제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 하던방식처럼 코드를 삽입하면 그대로 나오나요
감사합니다 .
-
스레드봇 (30633 Point)ㆍ2019.03.15 12:21
안녕하세요~^^
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에 대해 알면 도움이 되실 듯합니다.
고맙습니다.
