현재
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 : '년'
});
});
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;
switch(diff_date){
case diff_date <= 3: price = 10000*diff_date; break;
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;
}
jQuery('input[name="kboard_option_price"]').val(price);
}
script.js 이렇게 넣었습니다
하지만 주차장 요금이 실내와 실내가 가격이 틀려서 ㅠㅠㅠ radio 선택에 따라서 실외 와 실내 1일 가격을 다르게 할려면 어떤 코드를 더 추가해야되나요 ??
혹시 모르니 홈페이지 주소도 추가해놓겠습니다
http://cwparking2019.cafe24.com/?page_id=18
가격은 1일 실외 30,000원 //실내 45,000원
2일 | 30,000원 | 45,000원 |
3일 | 30,000원 | 45,000원 |
4일 | 36,000원 | 60,000원 |
5일 | 45,000원 | 75,000원 |
6일 | 50,000원 | 85,000원 |
7일 | 55,000원 | 95,000원 |
8일 | 60,000원 | 105,000원 |
9일 | 65,000원 | 115,000원 |
10일 | 70,000원 | 125,000원 |
15일 | 95,000원 | 175,000원 |
20일 | 120,000원 | 225,000원 |
이런식으로 서로 차이가 납니다 ㅠㅠ
2. 그리고 날짜선택이 크롬에서는 지원이 안되고 익스플로러에서만 지원이 되는데 ㅠ 혹시 이유를 알 수 있을까요?
언제나 좋은 정보와 잘 알려주셔서 너무나 정말 감사합니다 항상 감사하게 생각하고 있고 앞으로 자주 이용할겁니다 ^^ 감사합니다
안녕하세요~^^
1. 실내, 실외에 따라 다르게 가격을 계산하시려면
우선 실내 실외를 선택할 수 있는 입력 필드를 추가해보세요.
FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/editor.php 파일에
아래의 코드를 적당한 위치에 추가해보세요.
<div class="kboard-attr-row">
<label class="attr-name" for="kboard_option_inquiry_type">실외/실내</label>
<div class="attr-value">
<label>
<input type="radio" name="kboard_option_indoor_outdoor" value="실외" onclick="kboard_set_date()" <?php if($content->option->indoor_outdoor == '실외'):?> checked<?php endif?>>실외
</label>
<label>
<input type="radio" name="kboard_option_indoor_outdoor" value="실내" onclick="kboard_set_date()" <?php if($content->option->indoor_outdoor == '실내'):?> checked<?php endif?>>실내
</label>
</div>
</div>
script.js 쪽 kboard_set_date 함수를 아래의 코드로 교체하신 후 활용해보시겠어요?
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);
}
}
2. KBoard 입력 필드에 적용한 datepicker는 워드프레스 쪽에서 제공하고 있습니다.
크롬 브라우저에서도 정상적으로 동작하며
실제 저희가 테스트할 때 크롬 브라우저에서 테스트를 진행했습니다.
브라우저 캐시 문제는 아닌지 확인해보시겠어요?
크롬 브라우저에서 강력 새로고침은 Ctrl + Shift + R 입니다.
그래도 문제가 된다면 비회원으로도 확인 가능한 페이지 주소 알려주시겠어요?
고맙습니다.