我怎样才能让日历看起来像这样

Question

我想在我的大学项目网站上显示这样的日历。如何使用 CSS 和 javascript 做到这一点？我希望当用户将鼠标悬停在date 上时，它应该显示月份的所有日期，并且与月份和年份选项相同，这应该让用户可以选择指定的年份或月份。

我是这个领域的全新学者，所以我怎样才能让它变得简单？谢谢。

Answer 1

听起来你的学校项目需要帮助，所以我只是为你指出几个方向，然后让你把它拼凑起来。

(1) 可以使 div 不可见。

JavaScriptobject.style.display:

object.style.display="inline"

（不要将 CSS“显示”与 CSS“可见性”混淆）

或 jQuery .css().

(2) 可以更改元素内的文本。

JavaScriptobject.innerHTML:

document.getElementById("p1").innerHTML="New text!";

或 jQuery .html().

编辑：(3) 如果您计划使用日期/等下拉菜单，则可以将“onChange”事件绑定到选择。

JavaScript onChange

onchange="SomeJavaScriptCode"

或 jQuery .bind("change").