fullcalendar

jquery full calendar

好久不见. 提交于 2019-12-13 15:57:25
问题 What i have is a tabbed page with 12 tabs (every tab is a month of the year). What i need is when i load jquery calendar, foreach tab, the calendar to switch to the month that is assigned. (e.g when i click and load page for January the calendar shows days for january, and so on). 回答1: Did you check out the documentation page? The function takes in 2 required parameters and 2 optional ones. .fullCalendar( 'gotoDate', year [, month, [ date ]] ) So to set your calendar to April 2010, you would

fullcalendar select callback not firing in mobile

谁说胖子不能爱 提交于 2019-12-13 13:35:37
问题 I am using fullcalendar version 2.9.1. I am rendering calendar as agendaWeek . When I click on specific time slot from desktop, it's firing the select callback, but when I click on the mobile device it's not. What is the problem? selectable:true, select: function(start, end, jsEvent, view) { // event is firing this callback } I am using this in angular application using ui.calendar 回答1: I think you need to tap and hold in order to select dates/slots in mobile devices... https://fullcalendar

How to change the cursor pointer on fullcalendar?

佐手、 提交于 2019-12-13 13:11:46
问题 I'm using fullCalendar plugin for my project. I noticed that when I set the "editable: " into false, the cursor hover on the events becomes default instead of staying as a pointer cursor. How do I change this? Thanks! 回答1: This should do the trick: .myCalendar { cursor: pointer; } Using the proper css selector instead of .myCalendar , of course. Looking at this example calendar, you're probably looking for .fc-event , to preserve the pointer when hovering over calendar events: .fc-event{

showing both weekdays and weekends on the same fullcalendar

可紊 提交于 2019-12-13 11:04:45
问题 I want to show both all days of the week and weekdays as well on the same full calendar.i want to have two button on the calendar one called as "week" which is already on the full calendar which show all day of the week and other button called as "workweek" which will show me only weekends after clicking on it. suggest me for the same. Here is my code <script type='text/javascript'> $(function() { var date = new Date(); var d = date.getDate(); var m = date.getMonth(); var y = date.getFullYear

How to make event of full calendar on drop go to that slot of that date

試著忘記壹切 提交于 2019-12-13 11:00:28
问题 Hi there Can you help me please, is it possible on drop of event if event has title :event1 and start_at: 10/10/2018 when I drop this event to the calendar the event to be dropped automaticly to that slot of date even though I just drop it somewhere ele is it possible somehow to be pulled to that slot with date 10/10/2018 ..? Here is an example of fullcalendar drag drop https://codepen.io/subodhghulaxe/pen/qEXLLr?editors=0010 回答1: Actually, this is possible by adding your own logic as @ADyson

How to fullcalendar fc-event cut

血红的双手。 提交于 2019-12-13 09:07:09
问题 The fullcalendarAPI is in use . This will write a sentence if there is a question of being developed . Although events in the fc-event when you expose the calendar is exposed to the calendar , we want to prevent that time , the soil , the expression on Sunday . Is there a way....? example : ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 回答1: You can take the events start/end and break it up into sections. https://jsfiddle.net/31gayu5b/4/ /* Fiddle specs: fullcalendar v2.4.0, moment v2.10.6,

View changing on fullcalendar doesn't work

好久不见. 提交于 2019-12-13 07:37:02
问题 I'm facing this nightmare since many days and I still cannot figure what I'm missing to make the changeView event work. What am I doing? I'm programmatically trying to make the calendar's view changed. How? Searching for fullcalendar by his id within the controller and setting the new view. Lots of guides/threads tell many ways but the more comprehensible I got was the following: That's my HTML code (it's the whole HTML page): <div class="container"> <div id="eventsCalendar" ui-calendar="main

Can't pass Fullcalendar options through the directive in AngularJS

不问归期 提交于 2019-12-13 07:13:22
问题 I trying to implement a simple example with AngularJS Fullcalendar direcive from here: https://github.com/angular-ui/ui-calendar It doesn't display any event neither apply custom FullCalendar settings and no error are shown, what am I doing wrong? And my code is following: <!DOCTYPE html> <html data-ng-app="foodViewApp"> <head lang="en"> <meta charset="UTF-8"> <title>AngularJS Tutorial</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">

FullCalendar call gotoDate and set firstDay programatically

℡╲_俬逩灬. 提交于 2019-12-13 07:03:43
问题 I have added a custom button to the header of the calendar that has each month of the year in it. The idea is that you can select the month and the calendar will jump to that month. I currently have firstDay set to 1 to start the calendar on a Monday, this is because in most scenarios I do want Monday to be the first day. When I call gotoDate I would like the calendar to jump to that date with it being the first visible day on the calendar; it should always be the 1st of the selected month.

How can I display another filed title, not an event title on a jQuery FullCalendar?

戏子无情 提交于 2019-12-13 06:34:38
问题 On the calendar I'd like to display another field title (like requestID#) along with a time reserved instead of the event title. I'm not sure where and how I need to make changes to the fullcalendar.js file. Thanks in advance for your help. 回答1: What eventsource are you using? If you are building your own, you could just put requestID# in the title property on the event object. Or you could put it in a custom field like: event.requestId and change the title in the eventRender callback like so