我有一个简单的应用程序,其中,我使用完整的日历API向用户显示日历,但是我希望在移动设备上对用户友好,默认情况下,完整的日历使用TABLE
,现在我想使用div代替表格,以便我可以轻松地操作日历。
这里是live demo
这是我的日历
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代替完整日历中的表格?任何建议都会被重视