Jquery UI DatePicker Restrict Set Of Date
HTML
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<h1>Jquery UI DatePicker Restrict Set Of Date For Booking</h1>
<hr>
<table id="tblCalendar">
<tr>
<td>Select Date</td>
<td><input type="text" class="calendar"/></td>
</tr>
</table>
CSS
body{font-family: calibri;font-size: 12px;}
table#tblCalendar{border-collapse:collapse;}
table#tblCalendar tr td,table tr th {padding: 4px 10px;border: 1px solid #ddd;}
h1{text-align:center;font-size:15px;}
JavaScript
//Jquery UI DatePicker Restrict Set Of Date For Booking
$(".calendar").datepicker({
dateFormat: 'dd/mm/yy',
minDate:0
});
/* an array of days which are not applicable for packages/offers Booking */
var disabledDays = ["09-09-2018","10-26-2015","10-27-2015","10-28-2015","11-3-2015","11-4-2015","11-5-2015","11-20-2015","11-21-2015","11-22-2015","12-12-2015","12-13-2015"];
/* utility functions */
function getBookedDays(date) {
var m = date.getMonth();
var d = date.getDate();
var y = date.getFullYear();
//
}