fullcalendar

Can't get jquery fullcalendar events to color correctly

由 ≡放荡痞女 提交于 2019-12-04 05:27:05
问题 I tried copying the exact same code from the FullCalendar Homepage. So I have: $(document).ready(function () { var date = new Date(); var d = date.getDate(); var m = date.getMonth(); var y = date.getFullYear(); $('#calendar').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'month,agendaWeek,agendaDay' }, editable: true, events: [ { title: 'All Day Event', start: new Date(y, m, 1) }, { title: 'Long Event', start: new Date(y, m, d - 5), end: new Date(y, m, d - 2) }, {

Is it possible to do alternating row background colours in FullCalendar?

由 半世苍凉 提交于 2019-12-04 05:11:07
问题 I applied an odd/even class to the fc-agenda-slot tr's, but the problem is the left/right "cell" border is on the fc-agenda-days table which is below, so it's not shown when I set the background on the fc-agenda-slot tr's. Is there an option within FullCalendar itself that will allow alternating row colours or has someone found a way to do this outside of FullCalendar? 回答1: I'm fairly certain there is no solution to this problem. The root of the issue is how week view is structured, which is

jQuery FullCalendar timezone synchronization

由 馋奶兔 提交于 2019-12-04 04:52:24
问题 I am using the jQuery Fullcalendar plugin (http://arshaw.com/fullcalendar). I am only using it for "full day" events. When the user creates an event, I store it in my database via PHP as a date (2012-01-12). When sending the list of events to FullCalendar via AJAX, I convert the date to Unix time. The problem I am foreseeing, is the case where say the server is in the US with a US timezone, and the client is in Europe. The server sends an event for 2012-01-12 00:00:00 (US Time), which gets

FullCalendar end date is not inclusive

由 主宰稳场 提交于 2019-12-04 03:11:37
I'm using FullCalendar Beta2, and I set the AllDay flag to True. The calendar still treats End Date as exclusive! How can I make the End date inclusive? Many thanks. @ZooZ - According to the Beta 2 Upgrade docs, the end date is now exclusive: all end dates are now exclusive. For example, if an all-day event ends on a Thursday, the end date will be 00:00:00 on Friday. The 1.x versions had some strange rules in regards to this. Things should be much simpler now that exclusive end dates are used consistently throughout the API. In addition, this behavior is more consistent with other API's and

Fullcalendar not showing data

由 霸气de小男生 提交于 2019-12-04 02:16:05
问题 I'm still a new programmer, and I have a problem getting this piece of code to work (that I got from here). It uses MySQL to store the data. I would like to understand all the various parts to this, but I'm just now really starting to understand how ajax and jQuery work together. It for displaying data, it relies on "events.php". I have run that separately, and it generates JSON that should work for display in the calendar, so I know the SQL works fine, but it won't display on the main page.

How to edit width of event in FullCalendar?

由 百般思念 提交于 2019-12-04 01:28:19
问题 This seems incredibly easy, but I have spent half a day bashing my head against the wall trying to figure out why my fullcalendar events are showing only at 77px, when the width of the cell(month view) seems to be either 90px or higher. I have tried modifying the fc-event css rule, but it seems like javascript is writing some inline styles into the calendar, overwriting these styles. I can't seem to find out where these styles are getting written! Can anyone who has customized fullcalendar

Externally triggering FullCalendar's 'dayClick' method?

由 梦想与她 提交于 2019-12-04 01:17:29
问题 I'm using Arshaw's FullCalendar and I'm looking to simulate a user clicking on a cell once the page has loaded. I'm trying to do this so I could potentially go to a URL such as /Calendar/AddEvent and the calendar will automatically open a dialog with my add event form in. Take the following set up: (Fiddle here) HTML <div> <div id="calendar" data-year="2013" data-month="04" ></div> </div> jQuery $('#calendar').fullCalendar({ firstDay: 1, selectable: true, dayClick: function (start, allDay,

How to send an ajax request to update event in FullCalender UI, when eventDrop is called?

由 允我心安 提交于 2019-12-03 21:45:23
问题 I am trying to use this great UI "FullCalender" But what I want to do is send an ajax request to update the event data in the database when the user move the event around. So If a user want to move an event to a different date in the calender then I need to be able to send the request to the database use ajax request. How can I collect the new information so if the appointment was moved to a new date or a new time how can I obtain the new information so I can pass it along to the server? More

How to add events to Google Calendar using FullCalendar?

由 时光毁灭记忆、已成空白 提交于 2019-12-03 21:33:37
I'm trying in my FullCalendar add events to my google calendar, followed the example below, How to add events to Google Calendar using FullCalendar but does not work me, if anyone knows how to do please help. this my code <!DOCTYPE html> <html> <head> <meta charset='utf-8'/> <link href='../fullcalendar.css' rel='stylesheet'/> <link href='../fullcalendar.print.css' rel='stylesheet' media='print'/> <script src='../lib/moment.min.js'></script> <script src='../lib/jquery.min.js'></script> <script src='../fullcalendar.min.js'></script> <script src='../gcal.js'></script> <script> $(document).ready

FullCalendar $('td.fc-day').mouseover sometimes get wrong date on small month calendar

由 倖福魔咒の 提交于 2019-12-03 21:07:00
To implement tooltips for my very small month calendar using fullCalendar, I used the following code to capture the mouse cursor entering a day on the calendar, and log to the console the date using data-date attribute for the fc-day class: $('td.fc-day').mouseover(function () { var strDate = $(this).data('date'); console.log(strDate); }); As I move the cursor thru a date cell, the reported date in the log window consistently changes to the date one week prior to the date I'm on, when I'm clearly still in the same cell. The position in is the cell where the reported date is wrong is in the
订阅 fullcalendar