[JS] Full Calendar

kick

Магистр Йода
Administrator
Сообщения
5.020
Розыгрыши
3
Реакции
3.577
Баллы
6.485
Пришлось столкнуться в работе с данным календарем FullCalendar - JavaScript Event Calendar. Вещица довольно интересная и обладает обширным функционалом. Русифицировать эту вещь то же легко, передавая параметры:
Код:
                monthNames: ['Январь','Февраль','Март','Апрель','Май','Июнь','Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь'],
                monthNamesShort: ['Янв.','Фев.','Март','Апр.','Май','οюнь','οюль','Авг.','Сент.','Окт.','Ноя.','Дек.'],
                dayNames: ["Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота"],
                dayNamesShort: ["ВС","ПН","ВТ","СР","ЧТ","ПТ","СБ"],
                buttonText: {
                    today: 'Сегодня',
                    month: 'Месяц',
                    week: 'Неделя',
                    day: 'День'
                },
Вот пример js скрипта который на главной странице просто выводит календарик без возможности изменения:
Код:
@section('script')
    <script type="text/javascript">
        var BASEURL = "{{ url('/') }}";
        $(document).ready(function() {
            $('#calendar').fullCalendar({
                header: {
                    left: 'prev,next today',
                    center: 'title',
                    right: 'month,basicWeek,basicDay'
                },
                monthNames: ['Январь','Февраль','Март','Апрель','Май','Июнь','Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь'],
                monthNamesShort: ['Янв.','Фев.','Март','Апр.','Май','οюнь','οюль','Авг.','Сент.','Окт.','Ноя.','Дек.'],
                dayNames: ["Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота"],
                dayNamesShort: ["ВС","ПН","ВТ","СР","ЧТ","ПТ","СБ"],
                buttonText: {
                    today: 'Сегодня',
                    month: 'Месяц',
                    week: 'Неделя',
                    day: 'День'
                },
                eventSources: [
                    {
                        url: BASEURL + '/calendar/ajax/list',
                    }
                ],
                lang: 'ru',

                editable: false,
                droppable: false,
                resizable: false,
            });
        });
    </script>
@endsection
 
Сверху Снизу