如何使日历看起来像这样

Question

我想在我的大学项目网站上显示这样的日历。我怎么能用CSS和JavaScript做到这一点？我希望当用户将鼠标悬停在date上时，它应该显示月份的所有日期以及月份和年份选项的相同方式，这应该为用户选择指定的年份或月份。

我是这个领域的全新学者，所以我怎样才能轻松实现？ Thnaks。

Answer 1

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

（1）你可以使div不可见。

JavaScript object.style.display：

object.style.display="inline"

（不要混淆CSS“display”for CSS“visibility”）

或jQuery .css()。

（2）您可以更改元素内的文本。

JavaScript object.innerHTML：

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

或jQuery .html()。

编辑：（3）如果你计划使用日期/等的下拉列表，你可以将“onChange”事件绑定到选择。

JavaScript onChange

onchange="SomeJavaScriptCode"

或jQuery .bind("change")。