1. 정확한 제품 또는 플러그인 이름
cross-calendar
2. 상세 내용
cross-calendar를 활용하여 숙박시설 예약기능을 넣고 싶습니다.
1. 예약을 작성할때 시작일과 종료일의 시간부분을 없애고 싶습니다.
2. 예약을 완료하면 달력에 표시가 되는데 시작일부터 종료일까지 표시가 되고 있는데 시작일부터 종료일-1일로 표시할 수 있을까요? 예를들면 4월6일 입실해서 4월7일 퇴실로 예약을 하면 달력에는 4월 6일만 예약된 것으로 표시하고 싶습니다.
3. 페이지의 하단에 달력 숏코드를 넣은경우 예약하려는 날짜를 표시하면 페이지 상단으로 이동하기 때문에 다시 스크롤해서 아래로 내려야 하는데 이 부분이 해결이 될 수 있을까요?
4. 예약을 완료하면 일정이 표시되는데 바로 달력으로 표시되었으면 합니다.
3. 확인 가능한 상세 페이지 주소
https://noribang.thekadang.net/
운영중인 페이지는 아니고 테스트 홈페이지입니다. 여기서 기능들을 연습하고 실제 홈페이지에 옮길 생각입니다.
4. 수정한 코드 내역 (있다면)
안녕하세요~^^
1. 스킨의 functions.php 파일에서 아래의 코드들을 찾아
<input type="text" class="timepicker" name="kboard_option_start_time" ... 생략">
<input type="text" class="timepicker" name="kboard_option_end_time" ... 생략">
아래의 코드처럼 type에 hidden을 입력해보시겠어요?
<input type="hidden" class="timepicker" name="kboard_option_start_time" ... 생략">
<input type="hidden" class="timepicker" name="kboard_option_end_time" ... 생략">
input 태그 안의 value 속성에 입력된 코드도 모두 지워주세요.
아래 코드도 지워주세요.
<label><input type="checkbox" class="attr-checkbox" name="kboard_option_all_day_long" ...생략</label>
2. 스킨의 functions.php 파일 내에 있는 아래의 코드를 찾아
<input type="text" class="datepicker" id="kboard_option_end_date" name="kboard_option_end_date" onchange="kboard_end_date_check(this.value)" value="<?php echo $content->option->end_date ? $content->option->end_date : ($ymd ? $ymd : $today)?>" title="<?php echo __('End Date Setting', 'kboard-cross-calendar')?>" readonly>
아래의 코드처럼 변경 해주세요.
<input type="text" class="datepicker" id="kboard_option_end_date_input" name="" onchange="kboard_end_date_check(this.value)" ...생략 readonly>
<input type="hidden" class="datepicker" id="kboard_option_end_date" name="kboard_option_end_date"
...생략 readonly>
기존의 id값 kboard_option_end_date의 input 태그를 복사 후 id 값을 kboard_option_end_date_input으로 변경,
name 값을 삭제합니다.
남아있는 id값 kboard_option_end_date input 태그는 type을 hidden으로 변경, onchange 부분을 삭제합니다.
스킨의 script.js 파일 내에 아래의 함수를 찾아
function kboard_end_date_check(end_date)
함수 내에 아래의 코드를 입력해보시겠어요?
var c_end_date = new Date(end_date);
c_end_date = new Date(c_end_date.setDate(c_end_date.getDate() - 1));
var year = c_end_date.getFullYear();
var month = c_end_date.getMonth() + 1;
var date = c_end_date.getDate();
var end_date = `${year}-${month >= 10 ? month : '0' + month}-${date >= 10 ? date : '0' + date}`;
jQuery('#kboard_option_end_date').val(end_date);
3. 게시판 관리->고급설정->아이프레임으로 보기로 설정하시면
클릭 시 위로 이동되는 것을 방지하실 수 있습니다.
4. 게시판 관리->고급설정->글 쓴 후 이동 화면 옵션을 글목록 화면으로
설정해보시겠어요?
고맙습니다.