fullcalendar

Setting selectable timeslot in full calendar

时光毁灭记忆、已成空白 提交于 2019-12-23 01:36:11
问题 I've an app where I want to set what time can be selected. I want to disable rest of them. Basically it's an appointment app where Doctors set their available time and patients reserve time. I don't want the time slot not set as available to be selected. I also don't want more than one user to select same time slot. I'm of course checking this before saving it into the database but I want to prevent this on Calendar as well. Is there any way to do that? 来源: https://stackoverflow.com/questions

FullCalendar - Display list based on the chosen Day using angular

倖福魔咒の 提交于 2019-12-23 01:35:12
问题 Hey guys i'm fairly new to Full Calendar. I'm currently using angular v1.3.15. All i want to do is show the FullCalendar with - 1) Only the header( fc-header ..Without the fc-content ) 2) The header showing only the AgendaDay view by default (with the prev and next buttons). Currently I have added this onto my FullCalendar code. defaultView: 'agendaDay' 3) I also want to pass the current selected date to the controller in order to populate a list based on the selected date. This is something

fullcalendar not getting events from google calendar

荒凉一梦 提交于 2019-12-23 01:22:05
问题 fullcalendar is not retrieving the events from google calendar, i read something that google calendar api does not support fullcalendar anymore?.i don't know if its true. here is my code $(function () { $('#calendar').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'month,agendaWeek,agendaDay' }, buttonText: { today: 'today', month: 'month', week: 'week', day: 'day' }, googleCalendarApiKey: 'myApi', eventSources: { googleCalendarId: 'example@gmail.com' } }) });

FullCalender check if selection days has an event?

依然范特西╮ 提交于 2019-12-22 12:36:40
问题 I am using the Full Calender js plugin, so far so good. but i want to check if a selection between the start and end has events? I just need a true or false returned. Basically i want to stop users from creating events if an even already exists on the date selection. var calendar = $('#calendar').fullCalendar({ selectable: true, selectHelper: true, firstDay: 5, weekNumbers: false, select: function (start, end, allDay, event) { var TitleSet = false; StartDate = start; EndDate = end; if (event)

Fullcalendar recurring events limits (using dow)

别说谁变了你拦得住时间么 提交于 2019-12-22 12:18:13
问题 I have been trying to make recurring events in fullcalendar, I really find dow feature helpful, but I really want to add date ranges to it. In other words, dow : [1] will repeat a task for every single Monday, the problems is, I want to make it visible only in a date range I set. 回答1: You can not set ranges by using dow, you have to perform some custom functionality. Lets suppose that you have fetched events data from your database which contains multiple event objects. each event object has

Fetch event details (title, start and end) from database for fullcalendar

旧时模样 提交于 2019-12-22 11:11:14
问题 I have really searched a lot about this, but I still haven't gotten through with my problem. I am creating a calendar (using the plugin fullcalendar and using codeigniter as the backend) that would display a tour and it's specific time span. So, in this case the title of the event would be the tour name, and for the duration of the tour, the start and end dates is to be fetched. I have already succeeded with the insertion of the data to the database, it's just that the events are not

FullCalendar - Highlight a particular day in week view

二次信任 提交于 2019-12-22 10:54:07
问题 I am newly working on FullCalendar. Following this thread I am able to go to a specific date when selected from a datepicker on my page. I am displaying FullCalendar in week view. My problem here is, in week view I am not able to apply the fc-state-highlight class on the date I have gone to. Even though the week has my required date, it is never highlighted. However, I am able to remove the same class from the current date by using $('.fc-today').removeClass('fc-state-highlight'); I need to

Callback angular function from jquery event

。_饼干妹妹 提交于 2019-12-22 08:42:14
问题 I am using Angular5 and trying to get the dayClick() event of the fullcalendar.io jquery plugin to callback to the angular component so I can open an angular component dialog populated from the calendar details. To setup example do this, in console: ng new pjt cd pjt npm install jquery fullcalendar --save Update to .angular-cli.json to include [styles] "../node_modules/fullcalendar/dist/fullcalendar.min.css" [scripts] "../node_modules/jquery/dist/jquery.js", "../node_modules/moment/min/moment

FullCalendar showing event in month view but not day and week view?

落爺英雄遲暮 提交于 2019-12-22 08:36:42
问题 I'm working with FullCalendar fetching events from a json feed. However, I've run into a problem. The calendar shows my event just fine in the month view, but when going to the day/week in day-view and week-view, the even is not shown? My initialization of fullcalendar looks like this: var options = { header: { left: 'prev, next', center: 'title', right: 'month,agendaWeek,agendaDay' }, allDaySlot: false, monthNames: ["Januar","Februar","Marts","April","Maj","Juni","Juli", "August", "September

Fullcalendar day doubleclick callback

怎甘沉沦 提交于 2019-12-22 07:00:45
问题 I need implement function working on dblclick, like dayClick callback. I tried all solutions, which I found, but nothing work for me, eg Michel's answer. By the way, all threads are quite old. The problem seems so trivial, but I ran out of ideas why it doesn't work. Does anyone know how this should be done in the latest version? UPDATE ok, I found the problem :) it stops working when I set this option: selectable: true I add this instead: dayRender: (date, element, view) -> element.bind