javascript - 使用 PHP 或 JS 将一个 div 插入另一个

Question

首先，我想构建一个带有事件的简单日历。

我正在使用 flexbox 构建我的日历布局:
https://jsfiddle.net/97c0aLb8/1/

我的行实际上是这样的:

<div class="week">
    <div class="day">Room #101</div>
    <div class="day" id="2018-05-01_1"></div>
    <div class="day" id="2018-05-02_1"></div>
    <div class="day" id="2018-05-03_1"></div>
    <div class="day" id="2018-05-04_1"></div>
    <div class="day" id="2018-05-05_1"></div>
    <div class="day" id="2018-05-06_1"></div>
    <div class="day" id="2018-05-07_1"></div>
    <div class="day" id="2018-05-08_1"></div>
    <div class="day" id="2018-05-09_1"></div>
    <div class="day" id="2018-05-10_1"></div>
</div>

如何在我的布局顶部插入另一个 div 并覆盖 2 <div class="day">...</div> .

Here an example

请问我们怎样才能做到这一点？

Answer 1

有趣的问题和我以前从未想过的问题。似乎您必须重新构建您对应用程序的思考方式。与其将日子视为表格格式的焦点(就像我们默认情况下那样)，我们需要将其视为事件的焦点。这样你就可以做一些事情，比如跨越多天的事件。这里有一篇非常棒的帖子，更详细地介绍了这一点。这篇文章甚至有一个很棒的 fiddle 可以乱搞。

HTML markup for multi-day calendar events

如果您全天专注于此，您将不得不进行一些布局重影，这会导致大量困惑、不干净且难以管理的代码。希望这会有所帮助，伙计!这是一个引人入胜的项目，也是一个需要解决的有趣问题:)

干杯!