У меня есть простое приложение, в котором я показываю календарь для своих пользователей, использующий API полного календаря, но я хотел бы быть удобным для пользователей в мобильном устройстве, по умолчанию полный календарь использует TABLE
, теперь я хотел бы использовать div вместо таблицы, чтобы я мог легко манипулировать календарем.
Вот живая демонстрация
Вот мой календарь
HTML
<div id='calendar'></div>
Js
$(document).ready(function() {
var opts = {
theme: true,
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
defaultDate: '2016-01-12',
editable: true,
eventLimit: true, // allow "more" link when too many events
events: [{
title: 'Long Event',
start: '2016-01-01',
end: '2016-01-04'
}, {
title: 'All Day Event',
start: '2016-01-07'
}]
};
$('#calendar').fullCalendar(opts);
});
Можно ли использовать div вместо таблицы в полном календаре? Любое предложение будет оценено