是否有可能創建一個動態日曆只能使用html和css

Question

如果任何人知道如何使用html4和css製作動態日曆。 我不使用任何其他語言。 如果有人知道請將該網站的鏈接轉給我，或者您可以粘貼您的代碼。 感謝

Answer 1

一些現代的瀏覽器（如谷歌瀏覽器）會給你一個很好的動態日期選擇器，如果你使用新HTML5 date input type，但沒有辦法做到這一點只用HTML和CSS，這在所有瀏覽器上運行。

Answer 2

使用JavaScript幫助您做到這一點，我打算爲我的活動做同樣的事情。尚未實施，但這是我所倚重的。使用

1. display:flexbox功能我認爲是<div>元素陣容日曆細胞。這樣我就可以將它們適合任何寬度限制的屏幕尺寸。我不在乎我爲M-T-W-TH-F-S-S固定列

2. 或者使用display:grid並設置每個單元grid-column和grid-row到確切網格位置。這樣你有一個靜態網格，並從確切的位置開始日曆單元格。

3. 通過使用AJAX調用或XmlHttpRequest的Web服務從服務器拉我的事件內容。

Answer 3

我從來沒有嘗試過了，它是純粹的理論： 設置爲未來和過去的日曆的情況下靜態的HTML頁面。使用CSS，您可以將全部定義爲不可見，除了一個。在左側和右側，用懸停選項定義一個區域。通過懸停區域會讓人看不見（你正在靠近的那個）並且靠近右側/左側可見。下一個'頁面'具有相同的設置，除了一個月前後。它肯定是一個很大的努力..