fullcalendar

Showing only ONE week (Opening hours, each week the same)

风流意气都作罢 提交于 2019-12-06 04:44:51
I would like to know if it is possible to show only one week, to use this calendar for showing opening hours of a shop. So : - I don't want to show the day dates (only the day names) : OK - I don't want to colorize the current day : OK - I want the calendar display always the same week => I don't know how to do that... Have you got any idea ? Is it possible to do that ? Thanks a lot ! If you use the "goToDate" method: gotoDate Moves the calendar to an arbitrary year/month/date. .fullCalendar( 'gotoDate', year [, month, [ date ]] ) IMPORTANT: month is 0-based, meaning January=0, February=1, etc

FullCalendar - displaying different info

萝らか妹 提交于 2019-12-06 04:39:36
The question is: how to display (what to change inside code) to display different info in week view and in day view f.ex.: week view - time, title day view - time, title, description ect. and pro-forma: month view - time, title In the global JS declare, var currentView; In the constructor of fullCalendar there is viewDisplay trigger, use this code. viewDisplay: function(view) { //This is very ugly way to change events on switch... but it works! //Every time you you use 'gotoDate' this will trigger, also pressing next, previous if (view.name != currentView) { if ( view.name == 'basicWeek' ) { $

why is there extra space between url-tagged events?

浪尽此生 提交于 2019-12-06 04:35:56
I have a fullcalander spacing bug that I can't get past. Here is what my calendar looks like when my data doesn't have links in it $ticketData[] = array( 'id' => $ticket->getId(), 'title' => $title, 'start' => $ticket->getArrival()->format('Y-m-d'), 'end' => $ticket->getDeparture()->format('Y-m-d'), ); Now when I add a URL: Has this weird bug happened to anyone else? I'm really lost as to what's going on. The only line I added was the url: $ticketData[] = array( 'id' => $ticket->getId(), 'title' => $title, 'start' => $ticket->getArrival()->format('Y-m-d'), 'end' => $ticket->getDeparture()-

Fullcalendar custom buttons in header

淺唱寂寞╮ 提交于 2019-12-06 03:37:26
问题 I need to switch between two (or more) fullcalendars on the same page, and would like to add this function to a custom button inside the calendar header. I've found some interesting code on custom buttons but it is a bit outdated as it refers to Fullcalendar v 1.6.1 and I'm using 2.3.1. This is what I've found: http://code.google.com/p/fullcalendar/issues/detail?id=225#c17 and later. I've almost got success implementing this: http://code.google.com/p/fullcalendar/issues/detail?id=225#c24 but

Passing data to background event object in FullCalendar

Deadly 提交于 2019-12-06 03:34:27
Is there a way to get a data that I passed to eventObj when user clicks on background event? My sample background event looks like this: { id: 'availableForMeeting', title: 'Test Background Event #1', start: '2015-08-13T07:30:00', end: '2015-08-13T12:30:00', rendering: 'background', sampleId: 214, color: 'red' } But I can't get sampleId field, 'cause it doesn't exist in jsEvent. First, in order to actually get a click handler on a background event, you have to use a delegated jquery .on() because FullCalendar's eventClick doesn't work for background events. $("#calendar").on("click",".fc

Change date range to show events in FullCalendar

泄露秘密 提交于 2019-12-06 03:34:14
问题 I need to be able to set a "date range" with FullCalendar, using the "List" view. By date range, I mean being able to enter using 2 text fields, 2 different dates, for example : Text field 1 : 2018-05-05 to Text field 2 : 2018-05-06 And to filter the content of the calendar, using the List view to display the result, and show events that matches that date range. Here's my code for the FullCalendar part: $('#calendar').fullCalendar({ header: { left: 'prev,next today', center: 'title', right:

FullCalendar.js: Rendering background with time labels?

雨燕双飞 提交于 2019-12-06 03:19:29
问题 I am starting to use Fullcalendar and love the docs. However, I am stuck with the following problem: Rendering background with time labels? I have one user specifying his available times, and another user who can do a selection out of those given times. To allow selection we need to set rendering: 'background' in the events array, otherwise the main event is blocking the event insert. But when using background rendering the time labels disappear: So how can I tell Fullcalendar to keep on

Adding nice colors to events in FullCalendar (jquery)

戏子无情 提交于 2019-12-06 02:46:20
问题 In my calendar I want to colour each event in a different colour. Is there currently a way to send to the full calendar, in the JSON it expects a value for a colour? FullCalendar 回答1: Seems I missed it the first time I read the manual: I send for each day the following JSON: {"id":"1", "start":"1272513600", "end":"1272513600", "allDay":"1", "title":"Repeat 1,Day 1", "className":"eventColorX"} The important thing is the className and where the X is a number (depends on the CSS, see below). And

jQuery FullCalendar - trying to add event and display on calendar failed

我们两清 提交于 2019-12-06 02:16:44
问题 I am trying to work out how to use Adam Shaw's brilliant jQuery plugin - FullCalendar to add an event on our project : online balloon ordering page under development Basically, if you click on "step1" and choose "pickup in shop" , the page will bring you to the calendar view, where you could click on the upper-right corner at the "week" button to alter the view to a weekly basis. What I am trying to achieve is when client clicks on an empty slot in a day, she can create her event on that spot

JQuery isn't parsing JSON response properly

纵饮孤独 提交于 2019-12-06 01:49:36
I am using jQuery fullcalendar plugin , I have tried altering this many different ways from answers to other questions with no luck, here is my jQuery: $(document).ready(function () { var date = new Date(); var d = date.getDate(); var m = date.getMonth(); var y = date.getFullYear(); $('#calendar').fullCalendar({ theme: true, aspectRatio: 3, height: 1000, header: { left: 'prev,next today', center: 'title', right: 'month,agendaWeek,agendaDay' }, editable: true, events: function (start, end, callback) { $.ajax({ type: "POST", url: "Default.aspx/GetEvents", data: "{'userID':" + "'B473795D-306A