PageSourceSearch

https://ckjeju.co.kr/rent

html ckjeju.co.kr collected 2026-10-02 01:59:12 UTC 52,307 bytes, 1,496 lines download raw bytes

1
2
3
4
5
6    
7<!doctype html>
8<html>
9<head>
10<meta charset="utf-8">
11<meta name="naver-site-verification" content="301531e97361f1f3b08045bd07cabeb1db004a34" />
12<title>클릭제주-제주도 여행의 모든 것</title>
13<link rel="canonical" href="https://ckjeju.co.kr">
14<link rel="shortcut icon" href="/favicon_64.png" type="image/x-icon" />
15<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
16<meta name="keywords" content="제주도 , 제주여행 , 제주도숙소, 펜션, 호텔,  렌터카 , 제주도렌터카 , 제주렌터카 , 저렴한렌트카 , 실속렌트카 , 가격비교렌트카 , 제주공항근처렌트카  , 친구추가 , 포인트 , 여행" />
17<meta name="description" content='제주도 숙박 ,렌트카 & 최저가 가격비교를 한눈에 확인하고 예약까지!' />
18<meta property="og:type" content="website">
19<meta property="og:title" content="클릭제주 제주도 숙박, 렌트카  실시간 가격비교">
20<meta property="og:description" content='제주도 숙박 한눈에 확인하고 예약까지!'>
21<meta property="og:image" content="https://ckjeju.co.kr/statics/mobile/images/bg_main.png">
22<meta property="og:url" content="https://www.ckjeju.co.kr">
23
24    <link rel="stylesheet" type="text/css" href="/statics/css/style.css"/>
25	<link rel="stylesheet" type="text/css" href="/statics/css/swiper.css"/>
26	<link rel="stylesheet" type="text/css" href="/statics/css/slick.min.css"/>
27	<link rel="stylesheet" type="text/css" href="/statics/css/slick-theme.css"/>
28	<!-- script -->
29    
29<script type="text/javascript" src="/statics/js/jquery-1.12.0.js"></script>
29
30	
30<script typp="text/javascript" src="/statics/js/jquery-ui-1.12.1.min.js"></script>
30
31    
31<script type="text/javascript" src="/statics/js/common.js"></script>
31
32    
32<script type="text/javascript" src="/statics/js/common_dev.js"></script>
32
33	
33<script type="text/javascript" src="/statics/js/swiper.js"></script>
33
34	
34<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=92e1d6d4cb0075163f7f11411d2e1654&libraries=services,clusterer,drawing"></script>
34
35	
35<script type="text/javascript" src="/statics/js/swiper.js"></script>
35
36	
36<script type="text/javascript" src="/statics/js/slick.min.js"></script>
36
37	
37<script>
38	jQuery(function (){
39		//옵션 슬라이드   
40		$('.roomOption-Slider').slick({
41		  dots: false,
42		  infinite: false,
43		  speed: 300,
44		  slidesToShow: 6.5,
45		});
46	});
47	</script>
47
48	
48<script>
49	$(document).ready(function(){
50		renderSelectedHref();	
51	});
52	//통합검색
53	function unifiedSearch() {
54		let searchKeyword = encodeURI($("#searchKeyword").val());
55		location.href = "/?searchKeyword="+searchKeyword;
56	}
57	function enterKey() {
58		if (window.event.keyCode == 13) { 
59			unifiedSearch(); 
60		} 
61	}
62	function renderSelectedHref() {
63		$("#gnb > li > a").removeClass("selected");
64		let pathname = location.pathname;
65		let hotel = ["/", "/bnb/detail","/bnb/reserve/form"];
66		let rentcar = ["/rent"];
67		
68		if(hotel.indexOf(pathname) !== -1) {
69			$("#hotelMenu").addClass("selected");	
70		} else if(rentcar.indexOf(pathname) !== -1) {
71			$("#rentcarMenu").addClass("selected");
72		}
73		console.log(location.pathname);
74	}
75	
76	
77	
78	</script>
78
79	
80	
80<script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script>
80
81	
81<script type="text/javascript">
82	if(!wcs_add) var wcs_add = {};
83	wcs_add["wa"] = "111bd7b62b11fa0";
84	if(window.wcs) {
85	  wcs_do();
86	}
87	</script>
87
88</head>
89<body>
90	<div id="Wrap">
91		<div id="skip-nav">
92			<a href="#gnb">주메뉴 바로가기</a>
93			<a href="#container">본문 바로 가기</a>
94		</div>
95		<!-- S:header -->
96		<header>
97			<div id="header" class="clearfix" >
98				<div class="lineCont1">
99					<h1><a href="/"><img src="/statics/images/common/logo.png" alt="클릭제주"></a></h1>
100					<div class="topSearch">
101						<input type="text" id="searchKeyword" onkeyup="enterKey()">
102						<a href="javascript:void(0)" onclick="unifiedSearch()"><span class="hdn">검색</span></a>
103					</div>
104					<ul class="topMenu">
105					<!-- 	<li><a href="#" class="basket"><span class="hdn">장바구니</span></a><span class="num">12</span></li>
106						<li><a href="/mypage" class="mypage"><span class="hdn">마이페이지</span></a></li> -->
107					</ul>
108				</div>
109				<div class="lineCont2">
110					<div>
111						<ul id="gnb">
112							<li><a id="hotelMenu" href="/">실시간숙박</a></li>
113							<li><a id="rentcarMenu" href="/rent" >실시간렌트카</a></li>
114							<li><a href="https://mall.ckjeju.co.kr/shop/" target="_new">제주특산물</a></li>
115							<li><a href="https://clickjeju.lscompany-coupon.com/" target="_new" >관광지/레저</a></li>
116							<li><a href="/dutyfree" >제주면세점</a></li>
117							<li><a href="http://jejuskygolf.com/" target="_new" >골프렌탈</a></li>
118						</ul>
119						
120						 <ul class="util">
121							<li><a href="/login">로그인</a></li>
122							<li><a href="/user/join1">회원가입</a></li>
123							<!-- <li><a href="#">마이페이지</a></li> -->
124							<li><a href="/notice/faq">고객센터</a></li>
125						</ul>
126						
127					</div>
128				</div>
129			</div>
130		</header>
131
132<!-- S:content -->
133<div id="container" >
134	<!-- S:search -->
135	<div class="room-top-reserv bgimg2">
136		<div class="cmnArea">
137			<h2>차량<strong>검색</strong></h2>
138			<div class="quickCont">
139				<div class="selBox car">
140					<dl class="checkin">
141						<dt>인수일</dt>
142						<dd><a href="javascript:void(0)" onClick="toggleDateLayer();" id="txt-checkin" class="selected">2021.03.09 화</a></dd>
143					</dl>
144					<dl class="checkin">
145						<dt>인수시간</dt>
146						<dd><a href="javascript:void(0)" onClick="toggleDateLayer();" id="txtPickupTime"class="selected">오전 10:00</a></dd>
147					</dl>
148					<dl class="checkout">
149						<dt>반납일</dt>
150						<dd><a href="javascript:void(0)" onClick="toggleDateLayer();" id="txt-checkout" class="selected">2021.03.09 화</a></dd>
151					</dl>
152					<dl class="checkout">
153						<dt>반납시간</dt>
154						<dd><a href="javascript:void(0)" onClick="toggleDateLayer();" id="txtDropTime" class="selected">오전 10:00</a></dd>
155					</dl>
156					<div class="searchbtn"><a  href="javascript:void(0)" onClick="searchCarList();" class="btn btn-filled-default btn-large">검색</a></div>
157				</div>
158				<!-- 날짜선택 -->
159				<div class="quick-layer sel-date" style="width: 870px; left: 0px; display:none;">
160					<a href="javascript:void(0)" onClick="prevMonth();" class="month-prev"><span class="hdn">이전달</span></a>
161					<a href="javascript:void(0)" onClick="nextMonth();" class="month-next"><span class="hdn">다음달</span></a>
162					<div class="dateArea">
163						<div class="datepicker">
164							<div class="month" id="first-month">2021년3월</div>
165							<table  style="height:280px">
166								<caption>datepicker</caption>
167								<col width="14.2%">
168								<col width="14.2%">
169								<col width="14.2%">
170								<col width="14.2%">
171								<col width="14.2%">
172								<col width="14.2%">
173								<col width="*">
174								<thead>
175									<tr>
176										<th class="sun">일</th>
177										<th>월</th>
178										<th>화</th>
179										<th>수</th>
180										<th>목</th>
181										<th>금</th>
182										<th class="sat">토</th>
183									</tr>
184								</thead>
185								<tbody id="cal-date1">
186								</tbody>
187							</table>
188							<dl class="time">
189								<dt>인수시간</dt>
190								<dd>
191									<select id="pickupTime" onclick="timeClick()">
192										<option>오전 08:00</option><option>오전 08:30</option>
193										<option selected>오전 09:00</option><option>오전 09:30</option>
194										<option>오전 10:00</option><option>오전 10:30</option>
195										<option>오전 11:00</option><option>오전 11:30</option>
196										<option>정오 12:00</option><option>오후 12:30</option>
197										<option>오후 13:00</option><option>오후 13:30</option>
198										<option>오후 14:00</option><option>오후 14:30</option>
199										<option>오후 15:00</option><option>오후 15:30</option>
200										<option>오후 16:00</option><option>오후 16:30</option>
201										<option>오후 17:00</option><option>오후 17:30</option>
202										<option>오후 18:00</option><option>오후 18:30</option>
203										<option>오후 19:00</option>
204									</select>
205								</dd>
206							</dl>
207						</div>
208						<div class="datepicker">
209							<div class="month" id="second-month">2021년4월</div>
210							<table style="height:280px">
211								<caption>datepicker</caption>
212								<col width="14.2%">
213								<col width="14.2%">
214								<col width="14.2%">
215								<col width="14.2%">
216								<col width="14.2%">
217								<col width="14.2%">
218								<col width="*">
219								<thead>
220									<tr>
221										<th class="sun">일</th>
222										<th>월</th>
223										<th>화</th>
224										<th>수</th>
225										<th>목</th>
226										<th>금</th>
227										<th class="sat">토</th>
228									</tr>
229								</thead>
230								<tbody id="cal-date2">
231								</tbody>
232							</table>
233							<dl class="time">
234								<dt>반납시간</dt>
235								<dd>
236									<select id="dropTime" onclick="timeClick()">
237										<option>오전 08:00</option><option>오전 08:30</option>
238										<option>오전 09:00</option><option>오전 09:30</option>
239										<option>오전 10:00</option><option>오전 10:30</option>
240										<option>오전 11:00</option><option>오전 11:30</option>
241										<option>정오 12:00</option><option>오후 12:30</option>
242										<option>오후 13:00</option><option>오후 13:30</option>
243										<option>오후 14:00</option><option>오후 14:30</option>
244										<option>오후 15:00</option><option>오후 15:30</option>
245										<option selected>오후 16:00</option><option>오후 16:30</option>
246										<option>오후 17:00</option><option>오후 17:30</option>
247										<option>오후 18:00</option><option>오후 18:30</option>
248										<option>오후 19:00</option>
249									</select>
250								</dd>
251							</dl>
252						</div>
253					</div>
254					<div class="btm-btn">
255						<a href="javascript:void(0)" onclick="cancelDateTime()" class="btn btn-large btn-line-second">취소</a>
256						<a href="javascript:void(0)" onclick="saveDateTime()" class="btn btn-large btn-filled-default">적용</a>
257					</div>
258				</div>
259			</div>
260		</div>
261	</div>
262	<!-- E:search -->
263	<div class="contenWrap cmnArea">
264		<div class="filterWrap">
265			<div class="tit">
266				<h2>검색필터</h2>
267				<a href="javascript:void(0)" onclick="initializeAllFilter()">전체초기화</a>
268			</div>
269			<div class="filterList">
270				<dl class="filter-opt01" id="filter-opt01">
271					<dt>차종</dt>
272					<dd class="two">
273					<!-- "a":"경차", "b":"소형", "c":"준중형", "d":"중형", "e":"고급", "f":"RV/SUV", "g":"승합" -->
274						<p class="check">
275							<input id="op1" type="checkbox" onclick="filterCarModelType('a')" checked="checked"/><label for="op1">경차</label>
276						</p>
277						<p class="check">
278							<input id="op2" type="checkbox" onclick="filterCarModelType('b')" checked="checked"/><label for="op2">소형</label>
279						</p>
280						<p class="check">
281							<input id="op3" type="checkbox" onclick="filterCarModelType('c')" checked="checked"/><label for="op3">준중형</label>
282						</p>
283						<p class="check">
284							<input id="op4" type="checkbox" onclick="filterCarModelType('d')" checked="checked"/><label for="op4">중형</label>
285						</p>
286						<p class="check">
287							<input id="op5" type="checkbox" onclick="filterCarModelType('e')" checked="checked"/><label for="op5">고급</label>
288						</p>
289						<p class="check">
290							<input id="op14" type="checkbox" onclick="filterCarModelType('f')" checked="checked"/><label for="op14">RV/SUV</label>
291						</p>
292						<p class="check">
293							<input id="op50" type="checkbox" onclick="filterCarModelType('g')" checked="checked"/><label for="op50">승합</label>
294						</p>
295					</dd>	
296				</dl>
297				<dl class="filter-opt02" id="filter-opt02">
298					<dt>보험</dt>
299					<dd>
300						<p class="check">
301							<input name="insurance" id="op6" type="radio" onclick="filterInsuranceType('고급')" checked/><label for="op6">완전자차</label>
302						</p>
303						<p class="check">
304							<input name="insurance" id="op7" type="radio" onclick="filterInsuranceType('일반')"/><label for="op7">일반자차</label>
305						</p>
306						<!-- <p class="check">
307							<input id="op8" type="checkbox" onclick="filterInsuranceType('01')"/><label for="op8">자차미포함</label>
308						</p> -->
309					</dd>		
310				</dl>
311				<dl class="filter-opt03" id="filter-opt03">
312					<dt>연료</dt>
313					<dd class="two">
314						<p class="check">
315							<input id="op9" type="checkbox" onclick="filterFuelType('G')" checked="checked"/><label for="op9">휘발유</label>
316						</p>
317						<p class="check">
318							<input id="op10" type="checkbox" onclick="filterFuelType('D')" checked="checked"/><label for="op10">경유</label>
319						</p>
320						<p class="check">
321							<input id="op11" type="checkbox" onclick="filterFuelType('L')" checked="checked"/><label for="op11">LPG</label>
322						</p>
323						<p class="check">
324							<input id="op12" type="checkbox" onclick="filterFuelType('E')" checked="checked"/><label for="op12">전기</label>
325						</p>
326					</dd>		
327				</dl>
328				<dl class="filter-opt04" id="filter-opt04">
329					<dt>가격</dt>
330					<dd onmouseup="filterPrice()">
331						<div class="slider-box">
332							<input type="text" id="priceRange" readonly style="border:0">
333							<div id="price-range" class="slider"></div>
334						</div>
335					</dd>	
336				</dl>
337				<dl class="filter-opt05" id="filter-opt05">
338					<dt>나이</dt>
339					<dd class="two">
340						<p class="check">
341							<input id="op15" type="checkbox" onclick="filterDriverAge('21')" checked="checked"/><label for="op15">만21세이상</label>
342						</p>
343						<p class="check">
344							<input id="op16" type="checkbox" onclick="filterDriverAge('22')" checked="checked"/><label for="op16">만22세이상</label>
345						</p>
346						<p class="check">
347							<input id="op17" type="checkbox" onclick="filterDriverAge('23')" checked="checked"/><label for="op17">만23세이상</label>
348						</p>
349						<p class="check">
350							<input id="op18" type="checkbox" onclick="filterDriverAge('24')" checked="checked"/><label for="op18">만24세이상</label>
351						</p>
352						<p class="check">
353							<input id="op19" type="checkbox" onclick="filterDriverAge('25')" checked="checked"/><label for="op19">만25세이상</label>
354						</p>
355						<p class="check">
356							<input id="op20" type="checkbox" onclick="filterDriverAge('26')" checked="checked"/><label for="op20">만26세이상</label>
357						</p>
358					</dd>	
359				</dl>
360				<dl class="filter-opt06" id="filter-opt06">
361					<dt>연식</dt>
362					<dd class="two">
363						<p class="check">
364							<input id="op52" type="checkbox" onclick="filterCarAge('2014')" checked="checked"/><label for="op52">2014~15년</label>
365						</p>
366						<p class="check">
367							<input id="op51" type="checkbox" onclick="filterCarAge('2015')" checked="checked"/><label for="op51">2015~16년</label>
368						</p>
369						<p class="check">
370							<input id="op21" type="checkbox" onclick="filterCarAge('2016')" checked="checked"/><label for="op21">2016~17년</label>
371						</p>
372						<p class="check">
373							<input id="op22" type="checkbox" onclick="filterCarAge('2017')" checked="checked"/><label for="op22">2017~18년</label>
374						</p>
375						<p class="check">
376							<input id="op23" type="checkbox" onclick="filterCarAge('2018')" checked="checked"/><label for="op23">2018~19년</label>
377						</p>
378						<p class="check">
379							<input id="op24" type="checkbox" onclick="filterCarAge('2019')" checked="checked"/><label for="op24">2019~20년</label>
380						</p>
381						<p class="check">
382							<input id="op25" type="checkbox" onclick="filterCarAge('2020')" checked="checked"/><label for="op25">2020~21년</label>
383						</p>
384						<p class="check">
385							<input id="op26" type="checkbox" onclick="filterCarAge('2021')" checked="checked"/><label for="op26">2021~22년</label>
386						</p>
387					</dd>	
388				</dl>
389				<dl class="filter-opt07" id="filter-opt07">
390					<dt>옵션</dt>
391					<dd class="two">
392						<p class="check">
393							<input id="op27" type="checkbox" onclick="filterCarOption('금연')"/><label for="op27">금연</label>
394						</p>
395						<p class="check">
396							<input id="op29" type="checkbox" onclick="filterCarOption('네비게이션')"/><label for="op29">네비게이션</label>
397						</p>
398						<p class="check">
399							<input id="op31" type="checkbox" onclick="filterCarOption('블랙박스')"/><label for="op31">블랙박스</label>
400						</p>
401						<p class="check">
402							<input id="op32" type="checkbox" onclick="filterCarOption('운전석에어백')"/><label for="op32">운전석에어백</label>
403						</p>
404						<p class="check">
405							<input id="op33" type="checkbox" onclick="filterCarOption('후방카메라')"/><label for="op33">후방카메라</label>
406						</p>
407						<p class="check">
408							<input id="op34" type="checkbox" onclick="filterCarOption('조수석에어백')"/><label for="op34">조수석에어백</label>
409						</p>
410						<p class="check">
411							<input id="op35" type="checkbox" onclick="filterCarOption('전방센서')"/><label for="op35">전방센서</label>
412						</p>
413						<p class="check">
414							<input id="op36" type="checkbox" onclick="filterCarOption('4륜구동')"/><label for="op36">4륜구동</label>
415						</p>
416						<p class="check">
417							<input id="op37" type="checkbox" onclick="filterCarOption('후방센서')"/><label for="op37">후방센서</label>
418						</p>
419						<p class="check">
420							<input id="op38" type="checkbox" onclick="filterCarOption('스마트키')"/><label for="op38">스마트키</label>
421						</p>
422						<p class="check">
423							<input id="op39" type="checkbox" onclick="filterCarOption('썬루프')"/><label for="op39">썬루프</label>
424						</p>
425						<p class="check">
426							<input id="op40" type="checkbox" onclick="filterCarOption('뒷좌석자동문')"/><label for="op40">뒷좌석자동문</label>
427						</p>
428						<p class="check">
429							<input id="op41" type="checkbox" onclick="filterCarOption('블루투스')"/><label for="op41">블루투스</label>
430						</p>
431						<p class="check">
432							<input id="op43" type="checkbox" onclick="filterCarOption('열선시트')"/><label for="op43">열선시트</label>
433						</p>
434						<p class="check">
435							<input id="op45" type="checkbox" onclick="filterCarOption('열선핸들')"/><label for="op45">열선핸들</label>
436						</p>
437						<p class="check">
438							<input id="op46" type="checkbox" onclick="filterCarOption('AUX')"/><label for="op46">AUX</label>
439						</p>
440						<p class="check">
441							<input id="op48" type="checkbox" onclick="filterCarOption('ABS')"/><label for="op48">ABS</label>
442						</p>
443						<p class="check">
444							<input id="op49" type="checkbox" onclick="filterCarOption('USB')"/><label for="op49">USB</label>
445						</p>
446					</dd>	
447				</dl>
448			</div>
449		</div>
450		<div class="content">
451			<div class="carList-top">
452				<p class="red" id="priceRule"></p>
453				<p>자차 보험 포함여부에 따라 가격이 다르니 꼼꼼히 따져보고 선택해 주세요.</p>
454			</div>
455			<div class="productList">
456				<div class="list-top mgb_10 mgt_40">
457					<div class="totalNum">전체 차량 <span id="totalCount"></span></div>
458					<ul class="sort">
459						<!-- <li class="selected"><a href="#">추천순</a></li>
460						<li><a href="#">판매순</a></li> -->
461						<li onclick="sortCarList('desc',this)"><a href="javascript:void(0)">높은가격순</a></li>
462						<li onclick="sortCarList('asc',this)"><a href="javascript:void(0)">낮은가격순</a></li>
463						<!-- <li><a href="#">최신등록순</a></li>
464						<li><a href="#">평점순</a></li> -->
465					</ul>
466				</div>
467				<div style="position:relative;min-height:200px">
468					<div id="loading" class="loading" style="position:absolute;">
469						<div class="loader" style="top:75px">
470						  <div class="bar1"></div>
471						  <div class="bar2"></div>
472						  <div class="bar3"></div>
473						  <div class="bar4"></div>
474						  <div class="bar5"></div>
475						  <div class="bar6"></div>
476						</div>
477					</div>
478					<ul class="reservList car" id="carList"></ul>
479				</div>
480				
481			</div>
482		</div>
483	</div>
484</div>
485<!-- E:content -->
486<script>
487	var currentdate = '';
488	var startdate = '';
489	var enddate = '';
490	
491	var cal_startdate = '';
492	var cal_enddate = '';
493	var cal_starttime = '';
494	var cal_endtime = '';
495	
496	var tempCalStartDate = '';
497	var tempCalEndDate = '';
498	
499	var isSaved = false;
500	
501	var pickupTime = '오전 09:00';
502	var dropTime = '오후 16:00';
503	
504	var insuCd = '03';
505	var carTypes = 'a,b,c,d,e,f,g';
506	
507	var carList = null;
508	var corpList = null;
509	
510	//필터링 리스트
511	//차종
512	let modelTypes = ['a', 'b', 'c', 'd', 'e', 'f', 'g'];
513	
514	//보험
515	let insuranceType = '고급';
516	
517	//연료
518	let fuelTypes = ['G','D','L','E'];
519	
520	//가격
521	let price = [];
522	
523	//나이
524	let driverAgeTypes = ['21','22','23','24','25','26'];
525	
526	//연식
527	let carAgeTypes = ['2014','2015','2016','2017','2018','2019','2020','2021'];
528	
529	//옵션
530	let carOptionTypes = [];
531	
532	//정렬
533	let sortOption = '';
534    
535	let cookieStartDate = ''
536	let cookieEndDate = ''
537	let cookieStartTime = ''
538	let cookieEndTime = ''
539	
540	console.log("cookie1:" + cookieStartDate);
541	
542	if (getCookie('rentcarStartDate') != undefined) {
543		cookieStartDate = getCookie('rentcarStartDate');
544		console.log("cookie2:" + cookieStartDate);
545	}
546	if (getCookie('rentcarEndDate') != undefined) {
547		cookieEndDate = getCookie('rentcarEndDate');
548	}
549	if (getCookie('startTime') != undefined) {
550		cookieStartTime = getCookie('startTime');
551	}
552	if (getCookie('endTime') != undefined) {
553		cookieEndTime = getCookie('endTime');
554	}
555	
556	$(document).ready(function(){
557		
558		var date = new Date();
559        var currentYear = date.getFullYear();
560		var currentMonth = date.getMonth() + 1;
561        var currentDate = date.getDate();
562        
563        if (currentMonth < 10) currentMonth = '0' + currentMonth;
564        if (currentDate < 10) currentDate = '0' + currentDate;
565
566        var curDateStr = currentYear+"-"+currentMonth+"-"+currentDate;
567        
568        currentdate = curDateStr;
569        
570        if(cookieStartDate === '') {
571        	startdate = getToday_YYYMMDD()+"";	
572        } else {
573        	startdate = cookieStartDate;
574        }
575        
576        if(cookieEndDate === '') {
577        	enddate = date_add(startdate,2);
578        } else {
579        	enddate = cookieEndDate;
580        }
581        
582        if(cookieStartTime === '') {
583        	pickupTime = '오전 09:00'
584        } else {
585        	pickupTime = formatTime(cookieStartTime)
586        }
587        
588        if(cookieEndTime === '') {
589        	dropTime = '오후 16:00';
590        } else {
591        	dropTime = formatTime(cookieEndTime);
592        }
593		
594		
595		cal_startdate = startdate;
596		cal_enddate = enddate;
597        
598		console.log("currentDate1:" + currentdate);
599		
600		getCorpList();
601		searchCarList();
602		
603		isSaved=true;
604		render();
605		isSaved=false;
606	});
607	
608	function render() {
609		
610		if(isSaved) {
611			startdate = cal_startdate;
612			enddate = cal_enddate;
613			
614			
615			if (startdate != '') {
616				$("#txt-checkin").addClass("selected");
617				$("#txt-checkin").text(startdate.substring(0,4) +"."+ startdate.substring(4,6) +"."+ startdate.substring(6,8) + " " +getWeekName(startdate));
618			} else {
619				$("#txt-checkin").removeClass("selected");
620				$("#txt-checkin").text("날짜선택");
621			}
622			
623			if (enddate	 != '') {
624				$("#txt-checkout").addClass("selected");
625				$("#txt-checkout").text(startdate.substring(0,4) +"."+enddate.substring(4,6) +"."+ enddate.substring(6,8) + " " +getWeekName(enddate));
626			} else {
627				$("#txt-checkout").removeClass("selected");
628				$("#txt-checkout").text("날짜선택");
629			}
630			
631			if (pickupTime != '') {
632				$("#txtPickupTime").addClass("selected");
633				$("#txtPickupTime").html(pickupTime);
634			} else {
635				$("#txtPickupTime").removeClass("selected");
636				$("#txtPickupTime").html("시간선택");
637			}
638			
639			if (dropTime != '') {
640				$("#txtDropTime").addClass("selected");
641				$("#txtDropTime").html(dropTime);
642			} else {
643				$("#txtDropTime").removeClass("selected");
644				$("#txtDropTime").html("시간선택");
645			}
646		}
647        
648        //calendar rendering start
649        
650        
651        var currentYear = Number(currentdate.substring(0,4));
652        var currentMonth =  Number(currentdate.substring(5,7));
653        var nextMonthDate = '';
654        if(currentMonth != 12) 
655            if (currentMonth+1 < 10)
656                nextMonthDate = currentYear + '-0' + ( currentMonth + 1 ) + '-01';
657            else 
658                nextMonthDate = currentYear + '-' + ( currentMonth + 1 ) + '-01';
659		else
660             nextMonthDate = ( currentYear + 1 ) + '-01-01';
661        
662        console.log("###currentdate:" + currentdate);
663        console.log("###currentMonth:" + currentMonth);
664        console.log("###nextMonthDate:" + nextMonthDate);
665        
666        var nextYear = Number(nextMonthDate.substring(0,4));
667        var nextMonth = Number(nextMonthDate.substring(5,7));
668
669        var calHtml1 = makeCalendar(currentdate);
670        var calHtml2 = makeCalendar(nextMonthDate);
671        
672        $("#cal-date1").html(calHtml1);
673        $("#cal-date2").html(calHtml2);
674        
675        $("#first-month").html(currentYear+"년 " +currentMonth+"월" );
676        $("#second-month").html(nextYear+"년 " +nextMonth+"월" );
677	}
678	
679	function searchCarList(){
680		$("#loading").css("display","block");
681		var form = new FormData();
682		form.append("startDate", startdate);
683		form.append("startTime", pickupTime.substring(3,8).replace(":",""));
684		form.append("endDate", enddate);
685		form.append("endTime", dropTime.substring(3,8).replace(":",""));
686		form.append("insuCd", insuCd);
687		form.append("carModelTypeCd", carTypes);
688
689		var settings = {
690		  "async": true,
691		  "crossDomain": true,
692		  "url": "/api/search/rentcar/list",
693		  "method": "POST",
694		  "headers": {
695		    "cache-control": "no-cache",
696		  },
697		  "xhrFields": {
698		         "withCredentials": true
699		  },
700		  "processData": false,
701		  "contentType": false,
702		  "mimeType": "multipart/form-data",
703		  "data": form
704		}
705
706		$.ajax(settings).done(function (response) {
707			$("#loading").css("display","none");
708 		  if (response){
709			var resJson = JSON.parse(response); 
710			console.log(resJson.result);
711		  	carList =resJson.result;
712		  	$("#totalCount").html(carList.length+"개");
713		  	initializePriceFilter();
714		  	renderCarModelList();
715		  }
716		});
717	}
718	
719	function getCorpList(){
720		
721		var settings = {
722		  "async": true,
723		  "crossDomain": true,
724		  "url": "/api/search/corpAll",
725		  "method": "GET"
726		
727		}
728
729		$.ajax(settings).done(function (response) {
730			
731		   if (response){
732			
733			corpList =response.result;
734			
735			console.log(corpList);
736		  	
737		  } 
738		  
739		});
740	}
741	
742	function renderCarModelList(){
743		console.log("renderCarModelList called...")
744		const rentHour = Math.round(hourDiff(startdate, enddate, pickupTime.substring(3,8), dropTime.substring(3,8)))
745		$("#priceRule").html(formatDateNumToDateHyphen(startdate)+"부터 " + rentHour + "시간 기준 가격입니다.");
746		
747		if (carList.length === 0) {
748			let emptyHtml = '<div class="lower-car-list">';
749				emptyHtml += '<div class="nodata">';
750				emptyHtml += '<strong>모든 차량이 마감되었어요 TㅇT</strong>';
751				emptyHtml += '<div>대여 날짜 / 시간을 변경하시면 더 많은 업체와 차들을 만나보실 수 있어요!</div>';
752				emptyHtml += '</div>';
753				emptyHtml += '</div>';
754				emptyHtml += '</div>';
755				$("#carList").html(emptyHtml);
756				return;
757		}
758		
759		$("#carList").html("");
760		
761		let filteredList = carList;
762		
763		//비정상데이터 필터
764		filteredList = filteredList.filter(function(item) {
765				return item.geerCd !== null || item.fuelCd !== null;
766			});
767		
768		//차종
769		filteredList = filteredList.filter(function(item) {
770			return modelTypes.indexOf(item.modelTypeCd) !== -1;
771		});
772		
773		//보험
774		filteredList = filteredList.filter(function(item) {
775			const bohum = item.corpCarModelResults[0].bohum
776			const checkArray = ['01','02','03']
777			
778			for(let i=0; i<checkArray.length; i++) {
779				const currentBohum = bohum[checkArray[i]]
780				if(typeof currentBohum === 'undefined') {
781					continue;
782				}
783				if(currentBohum.name.indexOf(insuranceType) > -1) {
784					return true
785				}
786			}
787			return false
788		});
789		
790		//연료
791		filteredList = filteredList.filter(function(item) {
792			return fuelTypes.indexOf(item.fuelCd) !== -1;
793		});
794		//가격
795		filteredList = filteredList.filter(function (item) {
796			let price = item.lowSalefeePerfIns;
797			return price>=lowestPrice && price<=highestPrice;
798		});
799		
800		//나이
801		filteredList = filteredList.filter(function(item) {
802			return driverAgeTypes.indexOf(item.corpCarModelResults[0].driverpermit.substring(2,4)) !== -1;
803		});
804			
805		//연식 carAgeTypes
806		filteredList = filteredList.filter(function(item) {
807			if(item.corpCarModelResults[0].years === null) {
808				return false
809			}
810			return carAgeTypes.indexOf(item.corpCarModelResults[0].years.substring(0,4)) !== -1;
811		});
812
813		/* const optionsSynonymMap = {
814				'금연':['금연','금연차'],
815				'네비게이션':['네비게이션','내비게이션','네비(내장)','네비(거치)','네비(매립형)'],
816				'블랙박스':['블랙박스'],
817				'후방카메라':['후방카메라'],
818				'후방센서':['후방센서'],
819				'전방센서':['전방센서'],
820				'4륜구동':['4륜구동','4륜'],
821				'썬루프':['썬루프'],
822				'블루투스':['블루투스'],
823				'열선시트':['열선시트','시트열선'],
824				'열선핸들':['열선핸들','핸들열선'],
825				'스마트키':['스마트키'],
826				'운전석에어백':['운전석에어백'],
827				'조수석에어백':['조수석에어백']
828		}
829		
830		function getIsContain(currentOptions, option) {
831			const optionArray = optionsSynonymMap[option]
832			for(let i=0; i<optionArray.length; i++) {
833				if(currentOptions.indexOf(optionArray[i]) > -1) {
834					return true
835				}
836			}
837			return false
838		} */
839		
840		//옵션 carOptionTypes
841		if(carOptionTypes.length > 0)
842			filteredList = filteredList.filter(function(item) {
843				let itemOptions = item.corpCarModelResults[0].options.split(",");
844				let isContain = false;
845				for(let i=0; i<carOptionTypes.length; i++) {
846					if(itemOptions.indexOf(carOptionTypes[i]) === -1) {
847						return isContain;
848					}
849				}
850				isContain = true;
851				return isContain; 
852			});		
853		//정렬
854		if(sortOption === 'asc') {
855			filteredList.sort(function(a,b) {
856				if(insuranceType === '고급') {
857					return a.lowSalefeePerfIns - b.lowSalefeePerfIns;	
858				} else {
859					return a.lowSalefeeGnlIns - b.lowSalefeeGnlIns;
860				}
861			})
862		} else if(sortOption === 'desc') {
863			filteredList.sort(function(a,b) {
864				if(insuranceType === '고급') {
865					return b.lowSalefeePerfIns - a.lowSalefeePerfIns;	
866				} else {
867					return b.lowSalefeeGnlIns - a.lowSalefeeGnlIns;
868				}
869			})
870		}
871		
872		if (filteredList.length === 0) {
873			let emptyHtml = '<div class="lower-car-list">';
874				emptyHtml += '<div class="nodata">';
875				emptyHtml += '<strong>모든 차량이 마감되었어요 TㅇT</strong>';
876				emptyHtml += '<div>옵션을 변경하시면 더 많은 업체와 차들을 만나보실 수 있어요!</div>';
877				emptyHtml += '</div>';
878				emptyHtml += '</div>';
879				emptyHtml += '</div>';
880				$("#carList").html(emptyHtml);
881				return;
882		}
883		
884		//ui그리기
885		console.log(filteredList.length);
886		for(let i=0; i<filteredList.length; i++) {
887			let picture = "/statics/rent/images/model/" + filteredList[i].modelCd + ".png";
888			let carName = filteredList[i].modelNm;
889			let corpName = filteredList[i].corpCarModelResults[0].corpNm;
890			
891			//01 : 자차미포함, 02 : 일반자차, 03 : 완전자차
892			//일반자차 기준 최저가
893			let lowSalefeeGnlIns = filteredList[i].lowSalefeeGnlIns;
894			//완전자차 기준 최저가
895			let lowSalefeePerfIns = filteredList[i].lowSalefeePerfIns;
896
897			//차종
898			let carModelTypeCd = filteredList[i].modelTypeCd; 
899			let carModelTypeMap = {"a":"경차", "b":"소형", "c":"준중형", "d":"중형", "e":"고급", "f":"RV/SUV", "g":"승합"};
900			//db랑 필터링이랑 다르다 필터링은 소형, 중형, 고급, SUV/승합, 수입 이렇게 되어있다 
901			
902			//x인승
903			let seater = filteredList[i].passengerNum;
904			
905			//연료
906			let fuelTypeCd = filteredList[i].fuelCd;
907			let fuelTypeMap = {"G":"휘발유", "D":"경유", "L":"LPG", "E":"전기차"};
908			
909			//detail로 보내기위한 매개변수들
910			let carModelCd = filteredList[i].modelCd;
911			let corpCd = filteredList[i].corpCarModelResults[0].corpCd;
912			
913			//detail href 생성
914			let detailHref  = '/rent/detail?';
915				detailHref += 'carModelCd=' + carModelCd;
916				detailHref += '&corpCd=' + corpCd;
917				detailHref += '&startDate=' + startdate;
918				detailHref += '&endDate=' + enddate;
919				detailHref += '&startTime=' + pickupTime.substring(3,8).replace(":","");
920				detailHref += '&endTime=' + dropTime.substring(3,8).replace(":","");
921				const insuCd = insuranceType === '고급' ? '03':'02'
922				detailHref += '&insuCd=' + insuCd;
923				detailHref += '&carTypes='+carTypes;
924				
925			//options 생성
926			let years = filteredList[i].corpCarModelResults[0].years;
927			let driverPermit = filteredList[i].corpCarModelResults[0].driverpermit.substring(2,4);
928			let currentOptions = filteredList[i].corpCarModelResults[0].options.split(",");
929			const makeSingleOption = function(name, isExist) {
930				let option = '';
931				if(isExist) {
932					option = '<span class="active">'+name+'</span>';
933				} else {
934					option = '<span>'+name+'</span>';
935				}
936				return option;
937			}
938			const makeOptions = function() {
939				let options = '';
940				
941				options += makeSingleOption('2021~22년', years === '2021~22년')
942				options += makeSingleOption('만22세 이상', driverPermit == '22')
943				
944				const fullOptions = [
945					'금연', '네비게이션', '블랙박스', '후방카메라', '후방센서', '전방센서', '4륜구동', 
946					'썬루프', '블루투스', '열선시트', '핸들열선', '스마트키', '운전석에어백', '조수석에어백'
947				];
948				
949				
950				for(let i=0; i<fullOptions.length; i++) {
951					if(currentOptions.indexOf(fullOptions[i]) > -1) {
952						options += makeSingleOption(fullOptions[i], true)
953					} else {
954						options += makeSingleOption(fullOptions[i], false)
955					}
956				}
957				return options;
958			}
959			const options = makeOptions(currentOptions);
960			
961			let carModelItem  = '<li>';
962				carModelItem += '	<div class="pic">';
963				carModelItem += '		<img src="' + picture + '" alt="">';
964				carModelItem += '	</div>';
965				carModelItem += '	<div class="p-info">';
966				carModelItem += '		<span class="infoTxt2">' + corpName + '</span>';
967				carModelItem += '		<div class="name mgb_15">';
968				carModelItem += '			<a href="' +detailHref+ '"><strong>' + carName + '</strong></a>';
969				carModelItem += '		</div>';
970				carModelItem += '		<div class="car-reserv">';
971				carModelItem += '			<div class="roomInfo">';
972				carModelItem += '				<div class="info">';
973				carModelItem += '					<ul>';
974				carModelItem += '						<li class="grade star5">5.0</li>';
975				carModelItem += '					</ul>';
976				carModelItem += '					<ul class="mgt_6">';
977				carModelItem += '						<li>' + carModelTypeMap[carModelTypeCd] + '</li>';
978				carModelItem += '						<li>' + seater + '인승</li>';
979				carModelItem += '						<li>' + fuelTypeMap[fuelTypeCd] + '</li>';
980				carModelItem += '					</ul>';
981				carModelItem += '				</div>';
982				carModelItem += '			</div>';
983				carModelItem += '			<div class="price">';
984				
985				if(insuranceType === '일반') {
986					carModelItem += '				<span>대여 ' + rentHour + '시간 / 일반자차 포함 가격</span>';
987					carModelItem += '				<strong>' + numberFormat(lowSalefeeGnlIns) + '<span>원~</span></strong>';
988				} else if(insuranceType === '고급') {
989					carModelItem += '				<span>대여 ' + rentHour +'시간 / 완전자차 포함 가격</span>';
990					carModelItem += '				<strong>' + numberFormat(lowSalefeePerfIns) + '<span>원~</span></strong>';
991				}
992				
993				carModelItem += '			</div>';
994				carModelItem += '		</div>';
995				carModelItem += '		<div class="car-opt">';
996				carModelItem += options;
997				carModelItem += '		</div>';
998				carModelItem += '	</div>';
999				carModelItem += '</li>';
1000			
1001			$("#carList").append(carModelItem);
1002		}
1003	}
1004	
1005	function filterCarModelType(type) {
1006		console.log("filterCarModelType called...");
1007		const typeIndex = modelTypes.indexOf(type);
1008		if(typeIndex == -1) {
1009			modelTypes.push(type);	
1010		} else {
1011			modelTypes.splice(typeIndex,1);
1012		}
1013		renderCarModelList();
1014	}
1015	
1016	function filterInsuranceType(type) {
1017		console.log("filterInsuranceType called...");
1018		insuranceType = type;
1019		renderCarModelList();
1020	}
1021	
1022	function filterFuelType(type) {
1023		console.log("filterFuelType called...");
1024		const typeIndex = fuelTypes.indexOf(type);
1025		if(typeIndex == -1) {
1026			fuelTypes.push(type);	
1027		} else {
1028			fuelTypes.splice(typeIndex,1);
1029		}
1030		renderCarModelList();
1031	}
1032	
1033	function filterPrice() {
1034		console.log("filterPrice called...");
1035		let priceRangeString = $("#priceRange").val();
1036		let priceRange = priceRangeString.replaceAll(" ","").replaceAll("원","").split("~"); 
1037		lowestPrice = priceRange[0];
1038		highestPrice = priceRange[1];
1039		renderCarModelList();
1040	}
1041	
1042	function filterDriverAge(type) {
1043		console.log("filterDriverAge called...");
1044		const typeIndex = driverAgeTypes.indexOf(type);
1045		if(typeIndex == -1) {
1046			driverAgeTypes.push(type);	
1047		} else {
1048			driverAgeTypes.splice(typeIndex,1);
1049		}
1050		renderCarModelList();
1051	}
1052	
1053	function filterCarAge(type) {
1054		console.log("filterCarAge called...");
1055		const typeIndex = carAgeTypes.indexOf(type);
1056		if(typeIndex == -1) {
1057			carAgeTypes.push(type);	
1058		} else {
1059			carAgeTypes.splice(typeIndex,1);
1060		}
1061		renderCarModelList();
1062	}
1063	
1064	function filterCarOption(type) {
1065		console.log("filterCarOption called...");
1066		const typeIndex = carOptionTypes.indexOf(type);
1067		if(typeIndex == -1) {
1068			carOptionTypes.push(type);	
1069		} else {
1070			carOptionTypes.splice(typeIndex,1);
1071		}
1072		renderCarModelList();
1073	}
1074	
1075	function sortCarList(type, element) {
1076		$(element).siblings().removeClass("selected");
1077		$(element).addClass("selected");
1078		
1079		sortOption = type;
1080		renderCarModelList();
1081	}
1082	
1083	//달력 온-오프 함수
1084	function toggleDateLayer() {
1085		
1086		console.log($(".sel-date").hasClass("show"));
1087		
1088		$(".sel-person").hide();
1089		$(".sel-person").removeClass("show");
1090		
1091		if ($(".sel-date").hasClass("show")) {
1092			$(".sel-date").hide();
1093			$(".sel-date").removeClass("show");
1094		} else {
1095			$(".sel-date").show();
1096			$(".sel-date").addClass("show");
1097			setBeforeDateTime();
1098			
1099		}
1100		
1101	}
1102	
1103	function prevMonth(){
1104		var currentDate = currentdate;
1105        var currentYear = Number(currentDate.substring(0,4));
1106        var currentMonth =  Number(currentDate.substring(5,7));
1107        var prevMonthDate = '';
1108        if(currentMonth != 1) 
1109            if (currentMonth-1 < 10)
1110                prevMonthDate = currentYear + '-0' + ( currentMonth - 1 ) + '-01';
1111            else 
1112                prevMonthDate = currentYear + '-' + ( currentMonth - 1 ) + '-01';
1113        else
1114            prevMonthDate = ( currentYear - 1 ) + '-01-01';
1115
1116        currentdate = prevMonthDate;
1117        
1118        render();
1119    }
1120
1121    function nextMonth(){
1122    	var currentDate = currentdate;
1123        var currentYear = Number(currentDate.substring(0,4));
1124        var currentMonth =  Number(currentDate.substring(5,7));
1125        var nextMonthDate = '';
1126        if(currentMonth != 12) 
1127            if (currentMonth+1 < 10)
1128                nextMonthDate = currentYear + '-0' + ( currentMonth + 1 ) + '-01';
1129            else 
1130                nextMonthDate = currentYear + '-' + ( currentMonth + 1 ) + '-01';
1131        else
1132            nextMonthDate = ( currentYear + 1 ) + '-01-01';
1133
1134        currentdate = nextMonthDate;
1135        
1136        render();
1137    }
1138    
1139	
1140	function makeCalendar(date) {
1141		console.log("makeCalendar : " + date);
1142        
1143		var calHtml = '';
1144		
1145		if( typeof( date ) !== 'undefined' ) {
1146			date = date.split('-');
1147			date[1] = date[1] - 1;
1148			date = new Date(date[0], date[1], date[2]);
1149		} else {
1150			var date = new Date();
1151		}
1152
1153        var currentYear = date.getFullYear();
1154	
1155		var currentMonth = date.getMonth() + 1;
1156		
1157		var currentDate = date.getDate();
1158
1159		
1160		date.setDate(1);
1161		var currentDay = date.getDay();
1162		
1163		var dateString = new Array('일', '월', '화', '수', '목', '금', '토');
1164		var lastDate = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
1165		if( (currentYear % 4 === 0 && currentYear % 100 !== 0) || currentYear % 400 === 0 )
1166			lastDate[1] = 29;
1167
1168		var currentLastDate = lastDate[currentMonth-1];
1169		var week = Math.ceil( ( currentDay + currentLastDate ) / 7 );
1170		
1171		if(currentMonth != 1)
1172			var prevDate = currentYear + '-' + ( currentMonth - 1 ) + '-' + 1;
1173		else
1174			var prevDate = ( currentYear - 1 ) + '-' + 12 + '-' + 1;
1175		
1176		if(currentMonth != 12) 
1177			var nextDate = currentYear + '-' + ( currentMonth + 1 ) + '-' + 1;
1178		else
1179			var nextDate = ( currentYear + 1 ) + '-' + 1 + '-' + 1;
1180		
1181		if(currentMonth != 11) 
1182			var doubleNextDate = currentYear + '-' + ( currentMonth + 2 ) + '-' + 1;
1183		else
1184			var doubleNextDate = ( currentYear + 1 ) + '-' + 1 + '-' + 1;
1185	
1186		if( currentMonth < 10 )
1187			var currentMonth = '0' + currentMonth;
1188		
1189		console.log("week:" + week);
1190        //10월 이하라면 앞에 0을 붙여준다.
1191        var dateNum = 1 - currentDay;
1192        var weeks = [];
1193        for(var i = 0; i < week; i++) {
1194 			
1195        	calHtml +='<tr>';
1196            var weekdates = []
1197			for(var j = 0; j < 7; j++, dateNum++) {
1198				var dateStr = '';
1199	            var state = "OPEN";
1200	            
1201	            
1202	                
1203 				if( dateNum < 1 || dateNum > currentLastDate ) {
1204 					if (dateNum ==0){
1205 	                 	calHtml +='<td><div class="day"><a href="#" onClick="dayClick(\''+dateStr+'\')">'+''+'</a></div></td>';
1206 	                 } else {
1207 	                	 calHtml +='<td><div class="day"><a href="#" onClick="dayClick(\''+dateStr+'\')">'+''+'</a></div></td>';
1208 	                 }
1209 					continue;
1210                 }
1211
1212                var tDate = new Date();
1213                var calDate;
1214
1215                if(dateNum < 10){
1216                    calDate =  currentYear+""+currentMonth+"0"+dateNum;	
1217                } else {
1218                    calDate =  currentYear+""+currentMonth+""+dateNum;
1219                }
1220                
1221                var compare = currentYear+"/"+currentMonth+"/"+dateNum;
1222                    
1223                var compareDate = new Date (compare);
1224                
1225                tDate.setHours(0, 0, 0, 0);
1226                compareDate.setHours(0, 0, 0, 0);
1227                
1228              
1229                if(tDate.getTime() > compareDate.getTime()){
1230                     if(dateNum <10){
1231                        dateStr = currentYear+""+currentMonth+"0"+dateNum;
1232                    }else{
1233                        dateStr = currentYear+""+currentMonth+""+dateNum;
1234                    }
1235                    state = "CLOSE";
1236                }else if(tDate.getTime() == compareDate.getTime()){
1237                    
1238                    if(dateNum <10){
1239
1240                        dateStr = currentYear+""+currentMonth+"0"+dateNum;
1241                    }else{
1242                        
1243                        dateStr = currentYear+""+currentMonth+""+dateNum;
1244                    }
1245                    state = "OPEN";
1246                }else{
1247                    if(dateNum <10){
1248                        
1249                        dateStr = currentYear+""+currentMonth+"0"+dateNum;
1250                    }else{
1251                        
1252                        dateStr = currentYear+""+currentMonth+""+ dateNum;
1253                    }
1254                    state = "OPEN";
1255                }
1256
1257
1258                
1259                var classStr = 'day ';
1260                
1261                if (j == 0) {
1262                	classStr +="sun ";
1263                }else if(j==6) {
1264                	classStr +="sat ";
1265                }
1266
1267                if (dateNum ==0){
1268                	calHtml +='<td class="'+classStr+'"><a href="#" onClick="dayClick(\''+dateStr+'\')">'+''+'</a></td>';
1269                } else {
1270	                if (dateStr == cal_startdate){
1271	                    classStr += '  bg-select-first';
1272	                    calHtml +='<td ><div class="'+classStr+'"><span class="picker"><a href="#" onClick="dayClick(\''+dateStr+'\')">'+dateNum+'</a></span></div><div class="picker-txt">인수일</div></td>';
1273	                    
1274	                } else if(dateStr == cal_enddate){
1275	                    classStr += '  bg-select-last ';
1276	                    calHtml +='<td ><div class="'+classStr+'"><span class="picker"><a href="#" onClick="dayClick(\''+dateStr+'\')">'+dateNum+'</a></span></div><div class="picker-txt">반납일</div></td>';
1277
1278	                    
1279	                } else if(cal_startdate != '' && cal_enddate != '' && dateStr > cal_startdate && dateStr < cal_enddate) {
1280	                    classStr += '  bg-select';
1281	                    calHtml +='<td ><div class="'+classStr+'"><a href="#" onClick="dayClick(\''+dateStr+'\')">'+dateNum+'</a></div</td>';
1282	                } else {
1283	                	 classStr += ' ';
1284		                 calHtml +='<td ><div class="'+classStr+'"><a href="#" onClick="dayClick(\''+dateStr+'\')">'+dateNum+'</a></div</td>';
1285	                }
1286				}
1287                 
1288                
1289            }
1290
1291                
1292
1293            calHtml +='</tr>';
1294
1295        }
1296        return calHtml;
1297    }
1298	
1299	function dayClick(date){
1300        console.log("date:"+date);
1301        
1302        var today = new Date();
1303
1304    	var endYear = today.getFullYear();
1305		var endMonth = today.getMonth() + 1;
1306		endMonth = endMonth < 10 ? "0" + endMonth : endMonth;
1307		var endDay = today.getDate();
1308		endDay = endDay < 10 ? "0" + endDay : endDay;
1309		
1310		var strToday = String(endYear) + String(endMonth) + String(endDay);
1311		
1312		console.log("strToday2:" + strToday);
1313		
1314		if ( date < strToday ) return;
1315		
1316        if(cal_startdate == ''){
1317        	cal_startdate = date;
1318
1319        } else if (cal_enddate == ''){
1320			
1321            if (date >= cal_startdate) {
1322                cal_enddate = date;
1323
1324            } else {
1325
1326            }
1327            
1328        } else {
1329        	
1330        	
1331            cal_startdate = date;
1332            cal_enddate = '';
1333        }
1334        
1335        render();
1336    }
1337	
1338	function timeClick() {
1339		pickupTime = $("#pickupTime option:selected").val();
1340		dropTime = $("#dropTime option:selected").val();
1341		console.log(pickupTime, dropTime);
1342	}
1343	
1344	function saveDateTime() {
1345		$(".sel-date").hide();
1346		$(".sel-date").removeClass("show");
1347		
1348		isSaved = true;
1349		render();
1350		isSaved = false;
1351	}
1352	
1353	function cancelDateTime() {
1354		$(".sel-date").hide();
1355		$(".sel-date").removeClass("show");
1356		
1357		//원래대로 되돌린다
1358		cal_startdate = tempCalStartDate;
1359		cal_enddate = tempCalEndDate;
1360		pickupTime = tempPickupTime;
1361		dropTime = tempDropTime;
1362		
1363		//time select의 모양을 원래대로 되돌린다
1364		$("#pickupTime").val(pickupTime).attr("selected", "selected")
1365		$("#dropTime").val(dropTime).attr("selected", "selected")
1366		
1367		isSaved = true;
1368		render();
1369		isSaved = false;
1370	}
1371	
1372	function setBeforeDateTime() {
1373		tempCalStartDate = cal_startdate;
1374		tempCalEndDate = cal_enddate;
1375		tempPickupTime = pickupTime;
1376		tempDropTime = dropTime;
1377		console.log("값 저장")
1378		console.log(tempCalStartDate, tempCalEndDate, tempPickupTime, tempDropTime)
1379	}
1380	
1381	function initializeAllFilter() {
1382    	$("#filter-opt01 > dd > p > input").prop("checked", true);
1383    	$("#filter-opt02 > dd > p:nth-child(1) > input").prop("checked", true);
1384    	$("#filter-opt02 > dd > p:nth-child(2) > input").prop("checked", false);
1385    	$("#filter-opt03 > dd > p >  input").prop("checked", true);
1386    	$("#filter-opt04 > dd > p >  input").prop("checked", false);
1387    	$("#filter-opt05 > dd > p >  input").prop("checked", true);
1388    	$("#filter-opt06 > dd > p >  input").prop("checked", true);
1389    	$("#filter-opt07 > dd > p >  input").prop("checked", false);
1390    	
1391    	let price = initializePriceFilter();
1392   		
1393    	modelTypes = ['a', 'b', 'c', 'd', 'e', 'f', 'g'];
1394    	insuranceType = '고급';
1395    	fuelTypes = ['G','D','L','E'];
1396    	driverAgeTypes = ['21','22','23','24','25','26'];
1397    	carAgeTypes = ['2014','2015','2016','2017','2018','2019','2020','2021'];
1398    	carOptionTypes = [];
1399    	lowestPrice = price[0];
1400    	highestPrice = price[1];
1401    	sortOption = '';
1402    	
1403    	renderCarModelList();
1404    }
1405	
1406    function initializePriceFilter() {
1407    	let priceList = carList.map(function(car) {
1408    		return car.lowSalefeePerfIns;
1409    	});
1410    	
1411    	priceList.sort(function(a,b) {
1412    		return a - b;
1413    	});
1414    	
1415    	let lastIndex = priceList.length-1;
1416    	
1417    	console.log(priceList);
1418    	
1419    	lowestPrice = priceList[0];
1420    	highestPrice = priceList[lastIndex];
1421    	
1422    	console.log(lowestPrice, highestPrice);
1423    	
1424    	$("#price-range").slider({
1425  		  range: true, min: lowestPrice, max: highestPrice, values: [lowestPrice, highestPrice], 
1426  		  slide: function(event, ui) {
1427  			  $("#priceRange").val(ui.values[0] + "원 ~ " + ui.values[1] + "원")
1428  		  ;}
1429  		});
1430 		$("#priceRange").val($("#price-range").slider("values", 0) + "원 ~ " + $("#price-range").slider("values", 1) +  " 원");
1431 		
1432 		return [lowestPrice, highestPrice];
1433    }
1434    
1435    function formatTime(time) {
1436    	let hour = time.substring(0,2)
1437    	let minute = time.substring(2,4)
1438    	let suffix = Number(hour) < 12 ? '오전 ' : '오후 ' 
1439    	return suffix + hour + ':' + minute
1440    }
1441</script>
1441
1442
1443<footer>
1444			<div id="footer" class="cmnArea">
1445				<div class="f_mnu l">
1446					<ul class="footer-menu mgb_20">
1447						<li><a href="/policy/1">이용약관</a></li>
1448						<li><a href="/policy/2">개인정보처리방침</a></li>
1449					</ul>
1450					<div class="csmrCont">
1451						<div class="clearfix mgb_5">
1452							<dl>
1453								<dt>대표이사:</dt>
1454								<dd>오성윤</dd>
1455							</dl>
1456							<dl>
1457								<dt>주소:</dt>
1458								<dd>제주특별자치도 서귀포시 서호동 1605 제주유포리아지식산업센터</dd>
1459							</dl>
1460						</div>
1461						<div>
1462							<dl>
1463								<dt>사업자번호:</dt>
1464								<dd>306-87-02038</dd>
1465							</dl>
1466							<dl>
1467								<dt>통신판매업신고번호:</dt>  
1468								<dd>제 2022-제주대륜-6호</dd>
1469							</dl>
1470							<dl>
1471								<dt>개인정보보호책임자:</dt> 
1472								<dd>오성윤</dd>
1473							</dl>
1474						</div>
1475					</div>
1476					<p class="copyright">Copyright ©  CLICKJEJU All rights reserved.</p>
1477				</div>
1478				<div class="f_mnu r">
1479					<strong>고객센터</strong>
1480					<div class="number">064-738-8004</div>
1481					<dl>
1482						<dt>팩스:</dt>
1483						<dd>064-738-8004</dd>
1484					</dl>
1485					<dl>
1486						<dt>메일:</dt>
1487						<dd>[email protected]</dd>
1488					</dl>
1489				</div>
1490			</div>
1491		</footer>
1492		<!-- E:footer -->
1493	</div>
1494	<div id="go-top"><span class="hdn">top</span></div>
1495</body>
1496</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.