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.