jQuery UI Calendar, вытащить данные из БД с помощью PHP

0

Я хочу вытащить данные из базы данных (я использую Laravel в качестве фреймворка), у которого есть выбор дат, чтобы затем показать пользователю в календаре frontend эти даты недоступны и заблокировать их, чтобы они не могли их выбрать.

Моя структура db:

Изображение 174551

У меня есть стандартный код с сайта 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>

Итак, как мне получить данные в календаре, чтобы отображать только доступные даты. Я пытаюсь сделать простой календарь бронирования.

Заранее спасибо.

Теги:
laravel-4

1 ответ

1
Лучший ответ
  • Запросить базу данных и получить массив дат:

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 ]
}
  • 0
    Итак, запрашиваете в БД json_encode?
  • 0
    Есть несколько способов подойти к этому. Вы должны поделиться своим кодом того, что вы уже сделали, чтобы другие могли помочь вам. Люди здесь не собираются писать вам код с нуля.
Показать ещё 3 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню