2015-08-28 76 views
-1

如果任何人知道如何使用html4和css制作动态日历。 我不使用任何其他语言。 如果有人知道请将该网站的链接转给我,或者您可以粘贴您的代码。 感谢是否有可能创建一个动态日历只能使用html和css

+0

没有html和css是静态的.. –

+0

不,HTML和CSS是静态的。您需要对其进行硬编码,或使用其他语言,如PHP或Javascript。 – LinkinTED

+0

HTML和CSS可以帮助您设计日历。为了使它动态,你需要使用JS。 –

回答

1

一些现代的浏览器(如谷歌浏览器)会给你一个很好的动态日期选择器,如果你使用新HTML5 date input type,但没有办法做到这一点只用HTML和CSS,这在所有浏览器上运行。

0

使用JavaScript帮助您做到这一点,我打算为我的活动做同样的事情。尚未实施,但这是我所倚重的。使用

  1. display:flexbox功能我认为是<div>元素阵容日历细胞。这样我就可以将它们适合任何宽度限制的屏幕尺寸。我不在乎我为M-T-W-TH-F-S-S固定列

  2. 或者使用display:grid并设置每个单元grid-columngrid-row到确切网格位置。这样你有一个静态网格,并从确切的位置开始日历单元格。

  3. 通过使用AJAX调用或XmlHttpRequest的Web服务从服务器拉我的事件内容。

0

我从来没有尝试过了,它是纯粹的理论: 设置为未来和过去的日历的情况下静态的HTML页面。使用CSS,您可以将全部定义为不可见,除了一个。在左侧和右侧,用悬停选项定义一个区域。通过悬停区域会让人看不见(你正在靠近的那个)并且靠近右侧/左侧可见。下一个'页面'具有相同的设置,除了一个月前后。它肯定是一个很大的努力..

相关问题