fullcalendar

Remove Elements from fullcalendar (by dragging to trash can)

由 a 夏天 提交于 2019-12-18 11:55:39
问题 I have a fullcalendar with external elements being dragged onto it. I'm relatively new to jquery. I don't know quite how to get the ID of the object being dragged to a "trash can" icon. I simply want to drag items off of the calendar to a image and when I let go of the mouse the item is removed. This is my code..... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <link rel='stylesheet' type='text/css' href='..

fullcalendar current time line on week view and day view

由 こ雲淡風輕ζ 提交于 2019-12-18 11:08:08
问题 I understand that according to this issue ticket on google code http://code.google.com/p/fullcalendar/issues/detail?id=143 that there is a soloution floating around, however I cant seem to find it. I am wondering if anyone knows how to show a red solid line on the current time on the calendar 回答1: function setTimeline(view) { var parentDiv = jQuery(".fc-agenda-slots:visible").parent(); var timeline = parentDiv.children(".timeline"); if (timeline.length == 0) { //if timeline isn't there, add

jquery fullcalendar send custom parameter and refresh calendar with JSON

由 廉价感情. 提交于 2019-12-18 10:22:43
问题 im trying to use the jquery fullcalendar. The event data comes from the server using JSON. My page has a dropdown element and the fullcalendar div. What i need is to refresh the calendar each time the user changes the dropdown. The selected value of the dropdown should be posted to the server in order to fetch the new event data Here is my code $(document).ready(function() { $('#calendar').fullCalendar({ events: { url : '/myfeed', data : {personId : $('#personDropDown').val() } } }); $('

fullcalendar日历插件的使用并动态增删改查

由 别等时光非礼了梦想. 提交于 2019-12-18 10:04:50
我上个项目是做了一个关于教育方面的web端页面，其中的课程表就要用到fullcalendar日历插件，刚开始也是不会用，因为以前也没用过，后面也是看官方文档，问同事，最后完成了这个课程表，个人感觉fullcalendar这个日历插件功能很强大！下面我来附上几张图片： 1、刚进去默认显示当前月份，查出数据库的数据并展示，今天是2018年1月19号，所以我给上过的课次颜色变为灰色，而没上过的课次变为橙色： 2、点击特定的日期，添加课次： 点击未上过的课次进行编辑或删除： 以及课次的拖动，如将1月22号的“08:00-09:00 高数一班”拖动到1月29号： 下面我来说一下我是怎么实现的 首先需要导入必须的css和js： <link href=' ../../../../static/fullcalendar/css/fullcalendar.css ' rel=' stylesheet' /> <script src=' ../../../../static/fullcalendar/js/jquery.min.js '> </script> <script src=' ../../../../static/fullcalendar/js/moment.min.js '> </script> <script src=' ../../../../static/fullcalendar

How to connect Firebase to FullCalendar Vue Component

由 对着背影说爱祢 提交于 2019-12-18 09:37:19
问题 I am attempting to add Firebase backend to a FullCalendar Vue Component, based on the following: (https://github.com/fullcalendar/fullcalendar-example-projects/tree/master/vue). So far, I have been successful in setting up handleDateClick() method to push calendar events into Firestore. I am attempting to use a Vuefire firestore option to return stored calendar events to the calendarEvents data object. The events should then be rendered on the calendar. However, I am not seeing any stored

why globalization in web.config makes fullcalendar not to render events

由 那年仲夏 提交于 2019-12-18 09:37:04
问题 This problem I am seeing is in mozilla, but works fine in IE I have this in my _calendar.cshtml partial view on document.ready $.ajax({ type: "POST", contentType: "application/json", data: "{}", url: "/Home/GetEvents", dataType: "json", success: function (data) { $('#calendar').fullCalendar({ editable: false, eventColor: '#F09A18', textColor: 'white', lang: 'en-IN', eventLimit: 1, eventLimitText: 'More', weekMode: 'liquid', events: $.map(data, function (item, i) { var event = new Object();

Populating events in full calender javascript from the database

由 吃可爱长大的小学妹 提交于 2019-12-18 09:33:42
问题 I am making a booking system in php using codeigniter . Now I want to populate the events in full calender depending on the value I am fetching from the database. My code : <script src='<?php echo base_url();?>assets/fullcalendar/fullcalendar.min.js'></script> <?php $var=0; foreach($query->result() as $row) { $var++; $booking_date = $row->booking_date; $booking_start_time = $row->booking_start_time; } ?> <script> $(document).ready(function() { // page is now ready, initialize the calendar...

Fullcalendar - change event color based on value

由 让人想犯罪 __ 提交于 2019-12-18 05:14:23
问题 I'm using latest fullcalendar and was wondering if someone could show me how I could change background color of the event based on its value? For example, if value is Yes then bg is green and if value is No, then bg is red (my Description field is the actual field that contains Yes or No values). Here's the code I have: $(document).ready(function() { var date = new Date(); var d = date.getDate(); var m = date.getMonth(); var y = date.getFullYear(); var calendar = $('#calendar').fullCalendar({

How can I get Adam Shaw's FullCalendar to display responsive in a rails 4 app

由 时光总嘲笑我的痴心妄想 提交于 2019-12-18 05:02:07
问题 I'm using Ruby 2 Rails 4. I'm using the twitter-bootstrap-rails gem to get my navbar to collapse on browser resize. I want a similar effect with Adam Shaw's FullCalendar. Right now it will resize with the window but I want it to display one day (the basicDay view) when the browser is 480px or below, one week (the basicWeek view) when the viewport is below 767, and the month view in a full-sized window. Am I better off initializing three different calendars in the event of different sized

How can I set Fullcalendar options dynamically

由 孤街醉人 提交于 2019-12-18 04:34:28
问题 How can I set the minTime and maxTime options after the calendar is created? I tried the following, which doesn't work: $('#calendar').fullCalendar('option', 'minTime', 7); $('#calendar').fullCalendar('render'); 回答1: I don't know if it is still relevant but I can change the options with the following statement: example for selectable: $('#calendar').fullCalendar('getView').calendar.options.selectable = false; $('#calendar').fullCalendar('render'); // rerender to see visual changes Though it's
订阅 fullcalendar