全日历多个营业时间,每天两班制

2023-12-26

我已将完整日历集成到我的网站中。我的要求之一是从数据库中获取营业时间并将其呈现在日历上。所以基本上每天都有两班(早上和晚上)。我需要能够创建一个营业时间数组,其中的值从数据库中填充。开箱即用,我可以使用下面的代码来呈现常见的营业时间。

businessHours:
  {
    start: '10:00:00',
    end: '16:00:00',
    dow: [0,1,2,3,4,5,6]
  },

我想实现这样的目标:

businessHours:[
{
  start: '10:00:00',
  end: '13:00:00',
  dow: [0]
},
{
  start: '14:00:00',
  end: '19:00:00',
  dow: [0]
},
{
  start: '09:00:00',
  end: '12:00:00',
  dow: [1]
},
{
  start: '12:30:00',
  end: '18:00:00',
  dow: [1]
},
]

如果完整日历的现有属性无法实现这一点,是否还有其他方法可以实现这一点?先感谢您。


我也需要同样的功能。我将回购分叉到

https://github.com/dtmonterrey/fullcalendar https://github.com/dtmonterrey/fullcalendar

并实施了一个适合我的解决方案。它适用于单个 BusinessHours 定义或一组 BusinessHours 定义(如您尝试的示例)。

Example:

    businessHours:[ 
        {
            start: '09:00',
            end: '13:00',
            dow: [1, 2]
        },
        {
            start: '14:00',
            end: '16:00',
            dow: [1, 2]
        },
        {
            start: '10:00',
            end: '19:00',
            dow: [4]
        },
        {
            start: '06:00',
            end: '10:30',
            dow: [6]
        },
        {
            start: '13:00',
            end: '17:00',
            dow: [6]
        },
        {
            start: '20:00',
            end: '23:00',
            dow: [6]
        }
    ]

我已经创建了一个拉取请求。欢迎提出建议。

示例和演示

我无法让 jsfiddle 工作,所以演示

http://jsfiddle.net/t7aczbdt/ http://jsfiddle.net/t7aczbdt/

is here

http://eo14.com/static/fullcalendar/ http://eo14.com/static/fullcalendar/

你可以在你的电脑上尝试一下:解压这个http://eo14.com/static/fullcalendar.zip http://eo14.com/static/fullcalendar.zip并用浏览器打开。

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

全日历多个营业时间,每天两班制 的相关文章

  • Azure Functions [JavaScript / Node.js] - HTTP 调用,良好实践

    从我的 Azure 函数 在 Node js 中运行 由 EventHub 消息触发 中 我想向某个外部页面发出发布请求 就像是 module exports function context eventHubMessages var ht
  • WebGL iOS 渲染为浮点纹理

    我正在尝试在 iOS Safari 上的 WebGL 中渲染浮点纹理 而不是在本机应用程序中 我已经设法让 iOS 读取手动 例如从 JavaScript 创建的浮点纹理 但是当我创建浮点类型的帧缓冲区并使用 GPU 渲染到其中时 它不起作
  • 在 Javascript 中,有什么方法可以知道从哪个主机脚本加载?

    在javascript中 作为从某个主机加载的脚本 有什么方法可以知道我是从哪个服务器 主机加载的 我需要向该主机发出额外的 ajax 请求 并且更愿意动态地找出主机 因此 如果您在页面上包含 javascript 文件 当该 javasc
  • 当名称是数组时如何使用 Javascript 修改 HTML Select

    我有两个同名的 html select 对象 它们是具有不同索引的数组 我想做的是 如果从类别 0 选择元素中选择 关闭 我想禁用类别 1 元素 我一直在尝试使用 document getElementsByName 但无法弄清楚如何专门针
  • 如何删除事件监听器?

    下面是我的事件监听器代码 window addEventListener beforeunload function e if sessionStorage token abide call api 如果我想删除这个事件监听器 我该怎么办
  • 使用javascript在谷歌地图中绘制多边形

    我想在谷歌地图中绘制多边形 我正在使用示例代码http jsfiddle net rvsMH 1 http jsfiddle net rvsMH 1 但它不起作用并且没有获取数组或纬度 经度值 我不知道出了什么问题
  • jqgrid 在编辑框中选择不正确的下拉选项值

    我正在使用表单编辑 表单中有两个选择框 一个选择框是国家 地区 另一个选择框是州 州选择框取决于所选的国家 地区 并将动态填充 例如 Country 美国 期权价值 1 英国 期权价值 2 美国的状态 阿拉巴马州 选项值 1 加利福尼亚州
  • 需要禁用引导时间选择器的输入

    我正在使用 Bootstrap 时间选择器 我已经成功实施了 但我需要的是用户只能在 30 分钟间隙内插入 例如 10 00 10 30 11 00 等 为此我尝试过的是minuteStep如下图所示 效果完美 fantasyleague
  • 单击量角器中元素的给定坐标

    我想点击我的特定位置canvas元素 所以我编写了以下量角器代码 var canvas element by id canvas var clickCanvas function toRight toBottom browser actio
  • 如何处理 d3 中 Beeswarm 图中的碰撞?

    我一直在玩这个例子here https gf neocities org co2bs co2bee html一会儿 我想做的是突出显示图中的单个节点 圆圈 通过使用边框使其变大 稍后我也想在其中添加文本或字母 目前 我已经圈了Bhutan图
  • JavaScript 逻辑赋值是如何工作的?

    在 javascript 中 如果我们有一些代码 例如 var a one var b q a alert b 逻辑 OR 运算符会将 a 的值分配给 b 并且警报将为 一 这仅限于作业还是我们可以在任何地方使用它 似乎空字符串被视为与未定
  • 从 url 角度加载模板并在 div 内编译

    由于我是 Angular JS 的新手 我想知道如何加载外部模板并将其与一些数据一起编译到目标中div 例如我有这个模板
  • 如何使用 jQuery UI Sortable 正确相交?

    这是我对 jQuery UI Sortable 进行动画处理的尝试 https codepen io anon pen YdMOXE https codepen io anon pen YdMOXE var startIndex chang
  • 以编程方式触发 highchart 散点图上某个点的单击事件

    实际上 我有一个小要求 其中有一个带有点列表和下拉列表的散点图 当我从下拉列表中选择一个项目时 应触发其相应的数据点单击 当我在图表上选择一个数据点时 必须执行一些操作 并且下拉列表应根据选择进行更新 我们有什么办法可以做到这一点吗 我尝试
  • apollo 客户端从存储中删除而不发生突变

    我需要通过 id 从本地存储中删除一条 记录 而不使用突变 因为服务器不支持突变 我尝试像这样手动访问商店 delete this apolloClient store getState apollo data 1112 这会删除记录 但是
  • 两个日期之间间隔 15 分钟 javascript

    问题 我需要将两个日期 时间戳之间的所有 15 分钟时隙 日期格式 2016 08 10 16 00 00 创建为 HH mm 格式的数组 其中分钟限制为 00 15 30 45 示例 中午 12 30 到下午 2 30 将 gt 12 3
  • 替换打字稿中字符串中字符的所有实例?

    我正在尝试用 x 字符替换电子邮件中的所有句号 例如 电子邮件受保护 cdn cgi l email protection 将变为 myxemail emailxcom 电子邮件设置为字符串 我的问题是它不只是替换句号 而是替换每个字符 所
  • 在部分渲染时执行 JavaScript

    我有一些 JavaScript 代码 我想在用户单击其文件夹之一后执行 它会触发 show 操作和 show js erb 从而呈 现部分内容 Show js erb 当用户单击其文件夹之一时触发 如下所示 body append 它成功注
  • 如何修复带有单个道具的括号的 prettier 和 tslint 错误?

    我使用 prettier 和 tslint https github com alexjoverm tslint config prettier https github com alexjoverm tslint config prett
  • 通过ajax执行后期操作时如何克服CORS重定向问题?

    我可以通过外部登录表单中的 post 方法类型提交表单来登录 roundcube 实例 托管在另一台服务器上 我收到此错误 通过 ajax 签名时 XMLHttpRequest 无法加载https 192 168 0 7 mail http

随机推荐

  • 相当于 MethodBase.GetCurrentMethod 的可移植类库

    是否有相当于 MethodBase GetCurrentMethod 的可移植类库 我是 PCL 新手 我只是在研究是否可以使用 PCL 来保存一些肯定会在 Silverlight 上使用并且可能在其他地方使用的客户端代码 扫描源代码后 我
  • 如何使用 python 脚本打开 Windows 10 应用程序?

    因此 您可能知道 Windows 上的某些应用程序可以从应用程序商店安装 并且被归类为 Windows 可信应用程序 我不确定 但我认为这些不使用经典的 exe 格式 所以我正在编写一个 python 脚本来在启动电脑时自动执行一些操作 并
  • 如何按标签过滤 docker swarm 节点?

    我正在运行 docker 1 12 1 无法通过标签进行节点过滤 我首先添加 测试 标签 docker node update label add test mr host mr host 当我尝试按它进行过滤时 没有显示任何节点 dock
  • 在 Boost::Python 中通过引用传递

    考虑这样的事情 struct Parameter int a Parameter a 0 void setA int newA a newA struct MyClass void changeParameter Parameter p p
  • S3通知创建多个事件

    当文件到达 S3 时 我们一直使用 AWS S3 通知来触发 lambda 函数 并且该模型运行得相当好 直到我们注意到某些文件被多次处理 在我们的数据存储中生成重复项 我们注意到大约 0 05 的文件发生了这种情况 我知道可以通过执行更新
  • 在运行时更改 ThemeResource 的值不会反映在其他视图中

    我在我的 UWP 应用程序中使用自定义 themedicationary 我在运行时更改 ThemeResource 的值 此更改仅反映在主视图中 而不反映在其他视图中 即使我在更改资源的值后创建新视图 新视图也仅使用资源的初始值 我做错了
  • Firestore getAll() 方法不接受 Firebase Firestore.DocumentReference[] 数组

    我正在尝试在 firestore 云函数中使用 getAll 方法 问题是当我在 getAll 中使用数组时 它会抛出错误 ts DocumentReference 类型的参数不可分配给 DocumentReference 类型的参数 类型
  • Rails 3.1.0 - ActionController::Base:Class 的未定义方法 `page_cache_extension'

    当我尝试加载 Rails 3 1 应用程序时 我收到此错误 有任何想法吗 undefined method page cache extension for ActionController Base Class 我从development
  • 如何在 Java 中创建充满方法的列表并对其进行迭代(使用方法)

    我希望能够创建充满我自己的方法的列表 集合 数组 并在迭代的每个步骤中调用该方法 对此最好的解决方案是什么 我想要这样的东西 List a new List a add myCustomMethod1 a add myCustomMetho
  • 如何在提交时跳转到锚点 - 而不是页面顶部

    在此页面上我有一个怀孕计算器脚本 http taranakimidwife co nz index php http taranakimidwife co nz index php 项目ID 104 目前计算的是按页面跳转回顶部 我希望它转
  • DLL 中的共享内存

    DLL 中的共享内存是如何工作的 当DLL附加到进程时 它使用与进程相同的内存地址 假设 DLL 中有以下函数 int data 0 int foo if data data new int random return data 当进程 A
  • inconsolata 缺少构建 R 小插图

    在 ubuntu 14 04 上使用 texlive 检查 R 包 例如devtools check 会返回 LaTeX errors found LaTeX Error File inconsolata sty not found Typ
  • Mac mysql 错误 1045 (28000): 用户 'root'@'localhost' 的访问被拒绝

    Mac 10 10 1 Mysql 5 6 22 当我在我的mac上安装mysql时 我写mysql u root p在终端上 出现错误 错误 1045 28000 用户 root localhost 的访问被拒绝 使用密码 YES 当我使
  • 如何恢复上次提交并保留 Mercurial 中的更改?

    我有三个提交 1 2 和 3 如何回滚 2 和 3 并且仍然保留它们更改的文件 1 2 3 gt 1 and changed files of 2 and 3 您使用strip命令 从存储库中删除变更集及其所有后代 与 keep optio
  • 如何以编程方式覆盖按钮?

    我想要完成的是 在运行时 在屏幕中间放置一个按钮 作为最顶层 覆盖其下面的任何内容 它不大 所以它不会完全覆盖屏幕 只是覆盖它下面的任何东西 我考虑创建一个自定义对话框 但是它会阻止所有其他用户输入 我希望这个新按钮下方的所有视图都能正常运
  • 在 Typescript 中使用 FileSystemWatcher(Visual Studio Code 扩展)

    我是 TypeScript 和 Visual Studio Code 的新手 想要为 Visual Studio Code 开发一个插件 但我对一个由FileSystemWatcher 激活后 在我的扩展中我创建了一个FileSystemW
  • 如何判断EditText中的输入是否为整数?

    大家好 我是 Android 编程新手 我正在尝试建立一个活动 其中包括edittext场和一个button 当用户输入整数时 该按钮将引导他们进入下一个活动 但是 如果有办法检查用户输入的类型 我不会这样做 有人可以帮助我吗 非常感谢 从
  • ng-model 依赖性的隔离范围陷阱

    好吧 由于 AngularJS 文档网站上的 改进此文档 按钮不起作用 并且讨论现已结束 我想问一个关于 隔离范围陷阱 段落的问题ng模型控制器 http docs angularjs org api ng directive 3angMo
  • 如何查找可能引发哪些异常

    我正在尝试找到最好的方法来找出我的 python 代码可能引发的异常 你们使用的最佳方法是什么 到目前为止我可以 祈祷是在某处的在线文档中这么说的 很少这样做 抓取 py 文件以获取 raise 语句 必须有更好的方法来获取这些信息 这个问
  • 全日历多个营业时间,每天两班制

    我已将完整日历集成到我的网站中 我的要求之一是从数据库中获取营业时间并将其呈现在日历上 所以基本上每天都有两班 早上和晚上 我需要能够创建一个营业时间数组 其中的值从数据库中填充 开箱即用 我可以使用下面的代码来呈现常见的营业时间 busi