如何根据日历模式创建事件?

2024-01-07

我正在尝试为某人创建一个“轮班”日历,我知道该模式从哪一天开始,并且我知道该模式的断断续续的日期。但我在将其翻译成代码时遇到了麻烦。

他们工作4天,休息3天,工作4天,休息3天,工作4天,休息2天,如此循环。我需要创建一些逻辑来基于此为日历创建事件。

这就是我所拥有的:

$(document).ready(function() {

  var on = [4, 4, 4];
  var off = [3, 3, 2];
  var startPattern = "2017-03-04";

  var days = $('#calendar').fullCalendar('getDate').daysInMonth();
  var events = [];

  for (var i = $('#calendar').fullCalendar('getDate').day(); i < days; i++) {
    var event = {
      title: "work",
      start: ''
    }
    events.push(event);
  }


  $('#calendar').fullCalendar({
    // put your options and callbacks here
    events: events

  });
});

笨蛋:https://plnkr.co/edit/xIfaWB?p=preview https://plnkr.co/edit/xIfaWB?p=preview

$(document).ready(function() {

  // define the schedule; 
  // duration is days; 
  // title is what is shown on the calendar
  // color is how to color event
  var schedule = [{
    duration: 4,
    title: 'work',
    color: 'red'
  }, {
    duration: 3,
    title: 'off',
    color: 'blue'
  }, {
    duration: 4,
    title: 'work',
    color: 'red'
  }, {
    duration: 3,
    title: 'off',
    color: 'blue'
  }, {
    duration: 4,
    title: 'work',
    color: 'red'
  }, {
    duration: 2,
    title: 'off',
    color: 'blue'
  }, ];

  // define the range of events to generate
  var startDay = moment("2017-03-04");
  var endDay = moment("2017-05-04");


// generate the events
  var events = [];
  // we loop from the start until we have passed the end day
  // the way the code is defined, it will always complete a schedule segment
  for (var s = 0, day = startDay; day.isBefore(endDay);) {
    // loop for each day of a schedule segment
    for (var i = 0; i < schedule[s].duration; i++) {
      // add the event with the current properties
      events.push({
        title: schedule[s].title,
        color: schedule[s].color,
        // we have to clone because the add() call below mutates the date
        start: day.clone(),
        allday: true
      });
      // go to the next day
      day = day.add(1, 'day');
    }

    // go to the next schedule segment
    s = (s + 1) % schedule.length;
  }



  // render the calendar
  $('#calendar').fullCalendar({
    events: events
  });

});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何根据日历模式创建事件? 的相关文章

  • React中ComponentDidMount生命周期方法被调用两次

    在我的 React 应用程序中 加载应用程序时会进行两次初始 API 调用 我查看了 Chrome gt inpsect 中的网络选项卡 启动器 调用堆栈显示第一个调用是从VM123000 bundle js而第二个调用只是从实际的bund
  • 如何将 blob 文件附加到 HTML href="mailto:" 中

    我有一个可通过 URL 获取的文件 需要授权 我创建了一个 mailto 链接 并希望将此文件附加到邮件中 我怎样才能做到这一点 类似于 mailto 电子邮件受保护 cdn cgi l email protection attachmen
  • while 循环中 regex.exec() 赋值的更好解决方案

    这里有更好的解决方案吗 我尽量避免里面的作业while但仍然能够循环匹配并使用捕获的组 var match var CSS URL PATTERN url s s s s gm while match CSS URL PATTERN exe
  • 为什么这个 JavaScript 可以在 Safari 上运行,但不能在 Firefox 上运行?

    我有 HTML 文件 我在 Safari 上尝试了该代码 运行良好 但是当我在 Firefox 上尝试这个时 它不起作用 任何人都可以建议如何使其在 Firefox 上工作吗 单击撤消按钮时 我想从 jsp 文件中检索内容 当我在 mac
  • 从一个页面导航到另一个页面时,JavaScript 不会执行

    我正在构建我的第一个 Ruby on Rails 应用程序 并尝试创建一个动画导航栏 我正在使用 jQuery 和 Turbolink 这是我的application js under app assets javascripts docu
  • 如何清除画布元素中的多边形区域?

    我使用过clearRect函数 但没有看到多边形的等效函数 我天真地尝试过 ctx fillStyle transparent ctx beginPath ctx moveTo 0 0 ctx lineTo 100 50 ctx lineT
  • Karma + JSPM + Typescript - 未找到“.ts.js”

    主要只是想让 Karma JSPM 在加载 ts 文件时发挥良好作用 但绝对没有运气 我看到一个讨论库 https github com Larchy karma jspm typescript coverage tree master一个
  • 代理递归函数

    想象一个简单的递归函数 我们试图包装它以检测输入和输出 A simple recursive function const count n gt n 1 count n 1 Wrap a function in a proxy to ins
  • CKEDITOR.styleSet.add - 'a' 元素的新样式

    由于某种原因如果我改变 p to a 它不再出现在样式列表中 有什么理由吗 CKEDITOR stylesSet add default name Wys wiersza 1 element p styles line height 18p
  • 如何使用 JS/Puppeteer 上传文件

    我试图弄清楚如何将图片文件上传到输入对话框中 不可能只输入名称并按 Enter 键 因为我没有找到使用 Puppeteer 实现自动化的方法 我想我必须设置一些值作为图片 但我不知道该怎么做 有任何想法吗 您使用上传文件elementHan
  • Javascript for 循环跳过最后一个元素

    我有一个数组 根据某些条件从中删除某些元素 当我删除元素时 我会重新启动 for 循环 因为索引已刷新 var k for k 0 k lt this j data length k if condition true this j dat
  • 从变量值动态设置 ng-controller

    我正在使用 AngularJs 和 NodeJS 开发一个应用程序 我对将控制器的名称设置为主控制器中的变量的值感到震惊 为了更好地解释它 我的 index html 看起来像这样 tbody tr td td td member task
  • 新部署后,React 应用程序必须清除浏览器缓存

    我们正在使用 Jenkins 管道在 apache 服务器上部署 React 应用程序 当我们部署新代码时 大多数新功能都可以正常工作 但并非所有更改都反映浏览器中的最新内容 用户必须打开隐身窗口或清除缓存才能看到新功能 我见过一些相关的解
  • 处理照片上传的最佳方式是什么?

    我正在为一个家庭成员的婚礼制作一个网站 他们要求的一个功能是一个照片部分 所有客人都可以在婚礼结束后前往并上传他们的照片 我说这是一个很棒的想法 然后我就去实现它 那么只有一个问题 物流 上传速度很慢 现代相机拍摄的照片很大 2 5 兆 我
  • Meteor JS:存储特定模板实例状态的最佳方法是什么?

    我正在学习 Meteor JS 中的会话和反应式数据源 它们非常适合设置全局 UI 状态 但是 我不知道如何将它们的范围限制到模板的特定实例 这就是我想做的 我的页面上有多个可内容编辑的元素 每个下面都有一个 编辑 按钮 当用户单击 编辑
  • 云函数 onUpdate:无法读取未定义的属性“forEach”

    现在我正在尝试更新我的项目中的图片 我可以更新云火商店中的图片网址 但我也想使用 firebase 云功能从云存储中删除上一张图片 我想要实现的是 当我上传新图片时 从云存储中删除以前的图片 This is my data structur
  • 角度距离计算

    我正在使用角度制作距离计算应用程序 Html
  • 如何让 Grunt.js 和 Meteor.js 协同工作?

    我想在我的 Meteor 应用程序中使用简单的复制和串联 但是当 Meteor 在服务器和客户端上运行所有 javascript 文件时 我遇到了问题 而我不希望它们在任何地方运行 它要么只是配置文件 例如Gruntfile js或我想以某
  • D3.js - 更改鼠标悬停时元素的不透明度 IF 条件 = false

    我正在制作一个带有过滤器的交互式 D3 js 图表 当用户单击选定的复选框时 该过滤器会显示点 此外 在鼠标悬停事件上 所选点旁边将出现一个弹出窗口 其中包含一些信息 由于图表上的点数量相对较多 因此我选择在取消选中相应复选框时使相关点变得
  • Chrome + 另一个进程:进程间通信比 HTTP/XHR 请求更快?

    我有一个进程 1 对视频流进行实时图像处理 我需要在 Chrome 中的 HTML 页面中渲染该视频 同一台计算机上的进程 2 在canvas or img or videoHTML5 元素 由于我有 1000x1000 像素 x 3 字节

随机推荐

  • Android studio 2020.3.1 检测到手机时 logcat 中没有可调试进程

    大家好 我的新版本有问题android studio 2020 3 1 and android studio 4 2 2 当我插入手机调试应用程序时 logcat可以检测到我的手机 但我无法选择进程 它说 no debuggable pro
  • 如何使用开源许可证[关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 我有点不确定开源许可的工作原理 如果我要选择特定的开源许可证 您实际上需要做什么才能使其适用于您的软件 我想这会比仅仅 声明 您要在 LG
  • vTiger Web服务“ACCESS_DENIED:执行该操作的权限被拒绝ID”

    我想通过 vTiger Web 服务添加 SalesOrder 我正在使用这个 vtwsclib 这是代码
  • 如何使用 Awesomium 将 JavaScript 结果返回到 C#?

    我创建了一个新的WPF项目 并添加了Awesomium 1 6 3 网页控制 http awesomium com download to it 然后 我将这段代码添加到MainWindow xaml cs private void web
  • 创建/编辑 PNG 图像的免费工具? [关闭]

    Closed 这个问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 有没有可用于创建和编辑 PNG 图像的免费工具 画图网 http getpaint net 会充满热情
  • Laravel:与数组的额外字段同步

    我试图将数据保存在数据透视表中 并使用一个名为 数据 的额外字段 当我保存时我有这个数组 5 gt files 4 gt pictures 3 gt tags 1 gt thumbs 我的桌子看起来像这样 项目ID 选项 ID name 上
  • 带有多重选择的 kivy spinner 小部件

    我正在寻找 Spinner 类型 或类似的东西 的 kivy 小部件 最好在 python kv 文件中 例如 我可以在其中通过复选框选择多个项目 所选项目应在元组 中可用 在图片 start png 中您将找到起始情况 表单中有一个标签和
  • 应用程序进入前台后 viewDidAppear 不会再次触发

    我在 iPhone 应用程序代码中发现了一个问题 即 viewDidAppear 方法并不总是触发 当您启动应用程序时 事件将按预期触发 但是 如果我使用能够进行多任务处理的手机关闭应用程序并重新打开 我的 viewDidAppear 事件
  • Angular js ng 重复条件 ng 类不应用 css 类

    我有一个 ng 重复 它的 ng 类在我的 css 类名称中包含连字符的情况下不应用 css 类 li item name li 我做错了什么吗 如果我将 css 类名更改为 isomeclass 它就可以工作 AngularJS v1 0
  • 将参数传递给 MVC Ajax.ActionLink

    如何将 TextBox 的值作为 ActionLink 的参数发送 我需要使用 Html TextBoxFor 控制器 操作如下所示 public class MyController public ActionRes
  • Microsoft 是否有关于不同 Windows 平台上应用程序数据与用户数据存储的最佳实践文档?

    创建面向多个 Windows 版本的应用程序时 确定应用程序特定数据应存储在何处的最佳实践是什么 具体来说 应用程序特定数据 例如应用程序配置数据 用户特定数据 设置 例如 我知道在 Windows Vista 上有可以使用的环境变量 例如
  • return 语句中的 C++ constexpr 函数

    为什么 constexpr 函数不在编译时计算 而是在运行时在 main 函数的 return 语句中计算 它尝试过 template
  • 在带有 ES 模块的 Node.js 中使用相对路径导入

    过去我用过app module path每当我想在 Node js 应用程序中使用相对路径时 如果我通过以下方式使用 ES 模块 mjs格式 如何在某个目录路径变得相对的情况下具有相同的功能 以另一种方式 我是否能够为目录分配一个别名 以便
  • 如何在solr中搜索多个方面?

    我需要在 solr 中搜索方面 如下所示 fq 国家 美国 fq 国家 加拿大 fq 主题 工业 fq 主题 政治 现在我需要搜索具有上述方面 逻辑与 和 逻辑或 的文章 假设我有以下文章 国家 美国法国 主题 英思科 国家 美国加拿大 主
  • Java 奇怪的程序输出中的移位运算符

    我遇到了以下程序 它的行为方式出乎意料 public class ShiftProgram public static void main String args int i 0 while 1 lt lt i 0 i System out
  • 尽管进程已终止,为什么 os.kill(pid, 0) 返回 None ?

    这个问题涉及到这个答案 https stackoverflow com a 13402639 1125413我的其他问题之一 在这个答案中我被告知可以使用os kill pid 0 检查子进程是否已终止 如果它还在运行 None被返回 如果
  • C# 文件关联的正确方法

    我一直在寻找一种正确的方法来使文件关联在 WinXP 及更高版本上工作 如果该关联已存在 则应将其替换 我开发的应用程序始终在管理模式下运行 因此权限应该不成问题 我遇到过一些旧帖子 其中有一些示例代码 但其中一些工作得不够好 有些则根本不
  • 更新到 macOS 13.3 无法编译 cpp

    更新到 Ventura 13 3 安装最新的 Xcode 和命令行工具后 我在编译任何 cpp 文件时收到此错误 Applications Xcode app Contents Developer Platforms MacOSX plat
  • 为什么默认参数不能依赖于非默认参数? [复制]

    这个问题在这里已经有答案了 考虑以下构造函数 class MyClass MyClass unsigned int dimension std vector vector unitaryVector dimension where unit
  • 如何根据日历模式创建事件?

    我正在尝试为某人创建一个 轮班 日历 我知道该模式从哪一天开始 并且我知道该模式的断断续续的日期 但我在将其翻译成代码时遇到了麻烦 他们工作4天 休息3天 工作4天 休息3天 工作4天 休息2天 如此循环 我需要创建一些逻辑来基于此为日历创