PDA

Просмотр полной версии : [JS] Full Calendar


kick
15.04.2017, 20:10
Пришлось столкнуться в работе с данным календарем FullCalendar - JavaScript Event Calendar (https://fullcalendar.io). Вещица довольно интересная и обладает обширным функционалом. Русифицировать эту вещь то же легко, передавая параметры:

Код:



monthNames: ['Январь','Февраль','Март','Апр ель','Май','Июнь','Июль','Авгус т','Сентябрь','Октябрь','Нояб ь','Декабрь'],
monthNamesShort: ['Янв.','Фев.','Март','Апр.','Май', 'οюнь','οюль','Авг.','Сент.','Ок .','Ноя.','Дек.'],
dayNames: ["Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота"],
dayNamesShort: ["ВС","ПН","ВТ","СР","ЧТ","ПТ","СБ"],
buttonText: {
today: 'Сегодня',
month: 'Месяц',
week: 'Неделя',
day: 'День'
},


Вот пример js скрипта который на главной странице просто выводит календарик без возможности изменения:

Код:



@section('script')

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,
});
});

@endsection