Hello,
I need customer support on following:
how to add on daterangepicker and datepicker not available dates?
here is the section of ribbon Check-in -> Check-out
<div class="container">
<div class="sc-hb-rooms-search style-01">
<div class="hotel-booking-search style-01">
<form action="rooms-search.html" class="hb-search-form">
<ul class="hb-form-table">
<li>
<input type="text" id="multidate" class="multidate" value="" data-date-min="6" />
</li>
<li class="hb-form-field hb-form-check-in">
<div class="label">Check-In</div>
<div class="hb-form-field-input hb_input_field">
<input type="text" id="day" class="day" value="" style="width: 68px;" />
<input id="month" class="month" type="text" value="" />
<input type="hidden" name="check_in_date" id="check_in_date" class="check-date hasDatepicker" value="" />
</div>
</li>
<li class="hb-form-field hb-form-check-out">
<div class="label">Check-Out</div>
<div class="hb-form-field-input hb_input_field">
<input type="text" id="day2" class="day" value="" style="width: 83px;" />
<input id="month2" class="month" type="text" value="" />
<input type="hidden" name="check_out_date" id="check_out_date" class="check-date hasDatepicker" value="" />
</div>
</li>
<li class="hb-form-field hb-form-number">
<div class="label">Number</div>
<div id="guests" class="hb-form-field-input hb_input_field">
<input type="text" id="number" class="day" value="01" />
<input class="month" type="text" value="Guests" />
</div>
<div class="hb-form-field-list">
<div class="hb-form-field-input hb-guest-field">
<select name="adults_capacity" tabindex="-1" aria-hidden="true">
<option value="47">1</option>
<option value="45">2</option>
<option value="56">3</option>
<option value="57">4</option>
<option value="58">5</option>
<option value="59">6</option>
<option value="60">7</option>
<option value="61">8</option>
<option value="62">9</option>
</select>
<span class="name">Guests</span>
<span class="number-icons goUp"><i class="ion-plus"></i></span>
<span class="number-icons goDown"><i class="ion-minus"></i></span>
</div>
</div>
</li>
</ul>
<p class="hb-submit">
<span class="contact-info">Need Help: <span>(+12) 34-567-89</span></span>
<button type="submit">Check Availability</button>
</p>
</form>
</div>
</div>
</div>
I am trying into theme-customs.js to add to options where is initialization occurs something like this with some dates:
$(’#multidate, #multidate2’).daterangepicker({
datesDisabled: [“03/15/2019”, “03/28/2019”, “03/02/2019”, “04/23/2019”],
parentEl: “.sc-hb-rooms-search.style-01 .hb-form-table”,
minDate: date_min,
autoclose: true,
autoApply: true
});
but nothing happens…thanks