使用RazorPages实体框架与完整日历一起使用
im难以通过完整日历在前端使用实体框架数据.我目前有程序将实体框架数据转换为JSON结果,但我无法获得日历来访问它.目前,它正确显示了UI,但不允许任何Jason结果显示.我可以提取JSON结果. 后端: using System; using System.Collections.Generic; using System.Linq; using System.Threading.Tasks; using Microsoft.AspNetCore.Mvc; using Microsoft.AspNetCore.Mvc.RazorPages; using TeleHealthB.Models; using Microsoft.AspNetCore.Http; namespace TeleHealthB.Pages { public class CalenderModel : PageModel { private TeleHealthB.M
2 2024-04-26
编程技术问答社区
fullcalendar:当按下下一个或上一个按钮时调用网络服务功能
我想一次只加载一个月的活动.首先,在一页中显示一个月的事件,当按下下一个或上一个按钮时,请通过Web Service(C#)从数据库中显示该月的事件.我该如何实现? 我还只想从一个月中获取数据,我想向Web服务发送选定的年度价值,以便它可以发送仅特定月份的数据. 我当前的jQuery代码是: jQuery(document).ready(function () { $.ajax({ type: "POST", contentType: "application/json", url: "FullcalenderwithWebservice.asmx/GetEvents", dataType: "json", success: function (data) { $("div[id=loading]").hide(
2 2024-04-25
编程技术问答社区
FullCalendar, 我如何允许用户编辑/删除事件并从数据库中删除它们?
我在控制完整的日历模块时遇到了一些麻烦.目前,我拥有它,以便日历getevents方法联系SQL表并返回用户的所有事件 - 该部分正常工作. 我要添加的功能是允许用户编辑/删除事件,并将这些更改反映在数据库中!我的意思是,在我的表中,用户可以拖放事件以更改时间,当他们单击事件时,我希望出现一个对话框,询问他们是否希望删除此事件.我希望这些更改在SQL表中表示. 我该怎么做?我是JQuery,JavaScript和DatePicker的新手.从我的谷歌搜索和学习的尝试中,我找到了一个类似的线程在这里/a> function (calEvent) { removeRequestedEvent($(this), calEvent); }, It just passes in the calendar event and the calendar itself. removeRequestedBooking: function (cal, calEvent) {
8 2024-04-23
编程技术问答社区
检查日期范围是否在fullcalendar.io显示的另一个日期范围内
我正在实施服务器端代码,以获取 fullcalendar.io .. 有两种情况: 事件的开始日期和结束日期 活动有一个开始日期,并且设置为全天 模型: public Class CalendarEvent { public DateTimeOffset Start { get; set; } public DateTimeOffset? End { get; set; } public bool AllDay { get; set; } } 当 https://fullcalendar.io 加载视图时,它会发出日期范围,这基本上是日子可以在日历上看到(即10/8/18至12/8/18),然后将其发送给控制器以获取该范围的相关事件. 我基本需要检查以下内容: 是否有事件日期范围的任何部分落在日历中发出的可见范围内 - 如果是,请显示. 如果这是一个allday事件,则开始日期属于视图. 伪示例: var rep = c
0 2024-04-22
编程技术问答社区
javascript的fullcalendar日期时间被搞乱了
我正在遵循有关在ASP.NET MVC5中制作日历调度程序的教程: 我很难了解日期时间如何传递以及为什么它在数据库中显示最小值(好像值为无效,因为剩下空):特别是将其设置为1/1/1001 12:00: 00 AM在数据库中. 我已经在堆栈溢出上研究了各种答案,但不知道我需要更改需要更改以将DateTime设置为非零值. 任何帮助都非常感谢. 这是我的索引视图中的JavaScript $(document).ready(function () { var events = []; var selectedEvent = null; FetchEventAndRenderCalendar(); function FetchEventAndRenderCalendar() { events = [];
2 2024-04-22
编程技术问答社区
FullCalendar中的工具提示
我正在尝试在日历中制作一个工具提示, 日历正常工作,但我想显示更多患者的细节,例如 鼠标的患者描述.我不知道该怎么做? 有人可以帮我吗? ref link( 这就是我所做的 javascript(ajax) 数据取自动态
0 2024-04-22
编程技术问答社区
与谷歌日历/Outlook进行双向同步
我正在使用 fullcalendar 在我的应用程序中以显示通过我们自己的应用程序创建的事件. 我有一个用于创建/更新事件的添加/编辑表单.这些事件存储在应用程序使用的数据库中. 我需要进一步移动,需要将Google和Outlook日历同步到我的日历中.这应该是2条同步即 如果我在日历中创建/编辑/更新事件,则应在Google/Outlook日历中创建/编辑/删除. 它也应该是反之亦然. 如果我在Google/Outlook日历中进行了一些更改,则应该在我的日历中可见. 我想您对实施此操作的想法: 我应该获取Google/Outlook的所有事件,并将其导入到我的数据库中,然后在我的日历视图中显示它们.这在技术上甚至可能吗?即,将通道的整个事件集中到我的DB. 我是否应该通过Google/Outlook API进行获取以获取我现在在日历中的特定视图的事件(我将拥有启动数据和日历视图的结束日期),并且只是将它们显示到我的日历中(即我不是在DB
2 2024-04-18
编程技术问答社区
日历/获取JSON饲料(已编辑)
我对我的FullCalendar对象中的事件有问题,在使用Ajax从JSON feed获取数据时没有显示.我相信JSON格式是正确的,因为JSON.ASPX的输出为: [{" id":1," title":" testtitle"," info":" infoinfoinfo"," start":" 2012-08-20T12:00:00:00:00"," END":" 2012-- 08-20T12:00:00","用户":1}] 我使用了firebug,看来JSON提要没有得到正确获取? 当我在正确显示的事件中直接添加上部JSON馈线时. (编辑)JSON响应现在正在起作用,尽管事件仍未在FullCalendar中显示. json.aspx public partial class JSON : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) {
4 2024-04-17
编程技术问答社区
即使是正确的JSON文件,也不能显示fullCalendar事件
作为其他一堆,我有一个问题,让我的JSON提要事件在日历中呈现.问题通常是错误的JSON形成,但事实并非如此,因为我已经用JSONLINT验证了它,并在site中进行了硬编码. Firebug正确地获得了JSON响应,但仍未在FullCalendar中出现.我没有想法. 壁炉响应: [{" id":1," title":" testtitle"," info":" infoinfoinfo"," start":" 2012-08-20T12:00:00:00:00"," end":" 2012-08-20T12 :00:00","用户":1}] json.aspx public partial class JSON : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { // Get events from db and add to list. Dat
6 2024-04-16
编程技术问答社区
标题中的全日历自定义按钮
我需要在同一页面上的两个(或更多)Fullcalendars之间切换,并希望将此功能添加到日历标题内的自定义按钮. 我在自定义按钮上找到了一些有趣的代码,但是它是指fullcalendar v 1.6.1,我使用的是2.3.1. . 这就是我发现的: code.google.com/p/fullcalendar/issues/detail?id=225#c17 及以后. 我几乎成功地实现了这一点: http:http://code. google.com/p/fullcalendar/issues/detail?id=225#c24 但是脚本重新编写,不匹配此代码. 任何适用于2.3.1的自定义按钮的代码? 解决方案 标题中的自定义按钮已经由FullCalendar插件支持.不需要添加临时代码 $("#calendar").fullCalendar({ customButtons: { reload: { te
2 2024-04-05
编程技术问答社区
FullCalendar-我应该期待怎样的事件渲染性能水平?
我使用$('#CalendarPlugin').fullCalendar('renderEvent', {} );在循环中被称为100次的Fullcalendar中的100个事件. 我在计算机上看到的浏览器性能(core2 6600 @ 2.4GHz带4GB RAM) chrome :3秒 firefox :6秒 IE9 :6秒 这是预期的性能水平吗?是否有更快的加载和渲染事件的方法? 一旦将它们添加到FullCalendar中,几个月之间就可以移动并更快地重新渲染它.这只是使用renderEvent的初始加载,这很慢. 解决方案 开发人员正在为1.4.4版本的性能增强工作,但是在循环中100次键入插件仍然很重. 您可以尝试提高性能的一种技术是在addEventSource中使用对象,因为我相信这是等待并呈现的: : $("#calendar").fullCalendar("addEventSource", msg.items);
4 2024-04-03
编程技术问答社区
以编程方式添加Bootstrap popover vue-full-calendar
我的最终目标是将Bootstrap 4弹出窗口添加到完整日历中以显示日历事件描述,因为取决于视图,完整的日历会切断标题/描述.由于完整的日历正在基于事件道具的所有内容生成所有内容,因此我无法弄清楚如何添加任何形式的弹出声. (我可能可以用jQuery做到这一点,但是我真的想从项目中切出jQuery,以使我的构建尺寸较小) 这里有很棒的文档,内容涉及带有bootstrap vue的普通使用情况:不幸的是,完整日历不提供一种使用Boostrap-vue文档中描述的任何方法的方法.我确实尝试过的一件事,但没有工作是这个 import FullCalendar from '@fullcalendar/vue' export defau
6 2024-04-02
编程技术问答社区
FullCalendar-Bootstrap 模态加载网址并填充输入字段
当我单击一个空插槽并打开A bootstrap modal时,我需要他填写带有日历日期的表单输入字段,以创建一个新记录,并且与shown.bs.modal中的Event select一起工作正常. 但是,当我使用eventClick的事件单击时,我只需要加载更新URL中已有的表单即可. 但是问题在于eventClick shown.bs.modal内部的代码也被触发并更换了字段. 模态(yii2框架) ' NEW ', 'id' => 'modal', 'size' => 'modal-lg', ]); echo " "; Modal::end(); ?> fullcalendar.js (3.10.0) $('#calendar').fullCalendar({ defaultView: 'age
20 2024-04-02
编程技术问答社区
Fullcalendar (Arshaw)--用模态窗口添加一个事件
我正在使用Arshaw日历,我真的很新.我希望能够通过模态窗口添加事件.这是我要做的事情的屏幕截图: 在上图中,是我的(Arshaw)Fullcalendar. 第二张图片显示,当用户单击日历时,例如凌晨6点,模态弹出,用户现在将能够通过模态添加事件. 这是我的代码: javaScript: //arshaw calendars $(document).ready(function () { // page is now ready, initialize the calendar... $('#calendar').fullCalendar({ // put your options and callbacks here defaultView: 'agendaDay', eventBorderColor: "#de1f1f",
2 2024-04-02
编程技术问答社区
在点击按钮或调整窗口大小之前,全日历不可见?
我正在使用带有AngularJS和AngularStrap的jQuery完整日历.问题似乎是只有在我单击日历中的一个按钮或调整浏览器窗口大小时,日历才会显示.该日历是使用AngularStrap初始化的模态盒中加载的. 我感谢帮助. plunkr在这里: link Modal HTML在search_modal.html日历控制器中是:calendarctrl.js父级controller is search.js 编辑:在经历了Google Maps和我试图实现的画廊的同样问题之后,我认为这与日历直接相关,而不是与模态盒本身有关的问题.任何交互式和涉及JavaScript的任何内容都无法根据模态框的大小正确缩放.有人对如何解决这个问题有任何想法吗? 解决方案 您的问题似乎与我如何列出两个LinkedIn在Twitter bootstrap下拉中关注按钮 您的模态设置为:
6 2024-04-02
编程技术问答社区
Angular全日历+bootstrap 4-我应该怎样把它们放在一起使用?
我正在使用Angular + Bootstrap 4 +完整日历开发餐策划者. 布局就是这样: 日历布局 我的应用程序使用Bootstrap,我想将日历放入容器>行> col-7 中 您能否指导我如何将完整日历纳入Angular + Bootstrap 4? 我尝试了以下, 作品 - 只是角度完整日历 - 无举行bootstrap 4,否插件: https://stackblitz.com/edit/edit/edit/angular-ular-fular-ular-fular-fulllcalendar-j7fcji ? P> 不起作用 - 日历的宽度和高度未正确设置:Angular + Bootstrap 4-无插件:这与(1)的代码与(1)相同,仅添加了Bootstrap布局. sq9vpt ? 引发错误:Angular + Bootstrap 4-带有插件: https://stackblitz.com/edit/angular-bootstra
0 2024-04-02
编程技术问答社区
fullcalendar.io可以在.net core Blazor中使用吗?
我尝试在Blazor WebAssembly页面中使用FullCalendar. 任何人都有想法在大火中使用Fullcalendar吗??? 有人可以帮助我吗? 我将fullcalendar与libman.json 一起 { "library": "@fullcalendar/core", "provider": "unpkg", "destination": "wwwroot/lib/fullCalendar" } 在wwwroot/index.html 中 我的js文件" examplejsinterop.js"在wwwroot文件夹中 window.exampleJsFunctions = {
6 2024-04-01
编程技术问答社区
设置全日历单元格的背景颜色
我看到了有关如何在Fullcalendar中设置单元格的背景颜色的几个主题,但它们都不适合我.我猜日历用于使用其日期列出的日期. 我有一个正在渲染的事件的列表,我想将它们的单元颜色(不仅是事件单元格)设置为特定颜色. 我使用" EventRender"尝试设置类 eventRender: function (event, element, monthView) { if (event.className == "holiday") { $day = $date.getDate(); $("td.fc-day-number[value='" + $day + "']").addClass("holiday"); } }, 让我知道您是否对如何设置背景颜色有任何想法. 解决方案 好吧,您可以做到.
14 2024-03-27
编程技术问答社区
全历。改变特定日期的颜色
我陷入了一个工作中的项目.我需要改变几天的背景颜色.这是用户应该看到的日历,哪些天可用,哪些日期不可用.我发现有一个称为"数据日期"的属性,但我没有发现使用它的可能性. 有什么方法可以操纵特定日子的背景? 我认为必须有一种方法,因为显示当前日期的单元格也有另一种颜色. 解决方案 对于视图month,basicWeek和basicDay您可以通过提供dayRender函数来更改天的渲染.例如: $("#calendar").fullCalendar({ dayRender: function (date, cell) { cell.css("background-color", "red"); } }); dayRender的文档可在此处找到:/docs/display/dayrender/ 这是JSfiddle上的一个工作示例: http://jsfiddle.net/kvakulo/kvakulo/cynjy/4/
18 2024-03-27
编程技术问答社区