Я хочу вытащить данные из базы данных (я использую Laravel в качестве фреймворка), у которого есть выбор дат, чтобы затем показать пользователю в календаре frontend эти даты недоступны и заблокировать их, чтобы они не могли их выбрать.
Моя структура db:
У меня есть стандартный код с сайта jQueryUI:
<link rel="stylesheet" href="/css/redmond/jquery-ui-1.10.4.custom.css">
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script>
$(function() {
$( "#from" ).datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 2,
onClose: function( selectedDate ) {
$( "#to" ).datepicker( "option", "minDate", selectedDate );
}
});
$( "#to" ).datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 2,
onClose: function( selectedDate ) {
$( "#from" ).datepicker( "option", "maxDate", selectedDate );
}
});
});
</script>
Итак, как мне получить данные в календаре, чтобы отображать только доступные даты. Я пытаюсь сделать простой календарь бронирования.
Заранее спасибо.
var date = ["2013-03-14", "2013-03-15", "2013-03-16"]
Используйте beforeShowDay
, что-то вроде этого:
beforeShowDay: function(date) {
var d = $.datepicker.formatDate('yy-mm-dd', date);
return [ dates.indexOf(d) == -1 ]
}