是否可以仅使用html& amp;创建动态日历。 CSS

时间:2015-08-28 09:42:21

标签: html css

如果有人知道如何仅使用html4和css制作动态日历。 我不要使用任何其他语言。 如果有人知道,请向我推荐该网站的链接,或者您可以粘贴您的代码。 谢谢

3 个答案:

答案 0 :(得分:1)

如果您使用新的HTML5 date input type,某些现代浏览器(例如Google Chrome)会为您提供一个不错的动态日期选择器,但是没有办法只使用适用于所有浏览器的HTML和CSS。

答案 1 :(得分:0)

使用javascript帮助你可以做到,我正在计划为我的活动做同样的事情。尚未实施,但这是我所依赖的。

  1. 使用display:flexbox功能排列我认为是<div>元素的日历单元格。这样我可以将它们适合任何宽度限制的屏幕尺寸。我不在乎我有M-T-W-Th-F-S-S固定柱

  2. 或使用display:grid并将每个单元格grid-columngrid-row设置为精确的网格位置。这样,您就可以使用静态网格并从确切位置开始日历单元格。

  3. 通过AJAX调用或XmlHttpRequest使用Web服务从服务器中提取事件内容。

答案 2 :(得分:0)

我从未尝试过,这是纯粹的理论: 为将来和过去的日历情况设置静态html页面。使用CSS,除了一个,您可以将所有内容定义为不可见。在左侧和右侧,您可以使用悬停选项定义区域。通过悬停区域会使一个隐形(您所在的那个)和右侧/左侧可见。下一页&#39;具有相同的设置,除了一个月后退或前进。它肯定是一项巨大的努力..