1. Этот сайт использует файлы cookie. Продолжая пользоваться данным сайтом, Вы соглашаетесь на использование нами Ваших файлов cookie. Узнать больше.
Скрыть объявление

Привет посетитель! У нас на форуме тебе откроются дополнительные разделы, которые скрыты от гостей! А так же ты найдёшь много полезной информации.

[JS] Full Calendar

Тема в разделе "PHP / Python / JavaScript / Etc", создана пользователем kick, 15 апр 2017.

  1. kick

    kick Магистр Йода Администратор

    Регистрация:
    20 янв 2015
    Сообщения:
    4.917
    Симпатии:
    3.498
    Баллы:
    6.235
    Пришлось столкнуться в работе с данным календарем 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
    
     
    L2Banners нравится это.
Похожие темы
  1. deMEV
    Ответов:
    0
    Просмотров:
    660
  2. Becass
    Ответов:
    13
    Просмотров:
    1.995
  3. Maiden7
    Ответов:
    2
    Просмотров:
    435
Загрузка...