文件名称：calendar:前端代码挑战
文件大小：46KB
文件格式：ZIP
更新时间：2024-07-30 23:05:55
JavaScript
NazarenoLorenzo 为 FEE 职位发起的#Calendar Code 挑战。 ##挑战 给定一组事件，在单日日历上呈现事件（类似于 Outlook、Calendar.app 和 Google 日历）。 布局有几个属性： 任何事件都不能在视觉上重叠。 如果两个事件在时间上发生碰撞，它们必须具有相同的宽度。 事件应利用可用的最大宽度，但约束 2) 优先于该约束。 每个事件都由一个具有开始和结束属性的 JS 对象表示。 这些属性的值是从上午 9 点开始的分钟数。 所以 {start:30, end:90) 表示从上午 9:30 到上午 10:30 的事件。 事件应该在一个 620 像素宽（600 像素 + 10 像素左/右填充）和 720 像素（一天将在晚上 9 点结束）的容器中呈现。 您可以根据自己的喜好构造代码，但必须在全局命名空间中实现以下函数。 该函数接收一系列事件，
【文件预览】：
calendar-master
----demo2.html(1KB)
----scss()
--------main.scss(372B)
--------_variables.scss(273B)
--------_reset.scss(3KB)
--------_layout.scss(468B)
--------_calendar.scss(2KB)
----js()
--------main.js(7KB)
--------jquery-1.11.1.min.js(94KB)
--------main.min.js(4KB)
----css()
--------main.css(4KB)
----README.md(1KB)
----index.html(524B)
----config.rb(261B)
----img()
--------logo.png(864B)