javascript - 使用 JavaScript 或 jQuery 在 JSP 中实现动态年历

Question

我需要实现一个动态年历，如果选择了一年并按下“设置”按钮，将会有一个下拉框，最多可显示从现在起 10 年的时间。 JSP 中将显示一整年的日历。比如这个:

enter image description here

此日历也将使用复选框构建，因为我将使用 Struts 的 html:multibox 标记。有人可以告诉我如何在 JS 或 jQuery 中执行此操作吗？

注意:我只允许使用 JSP、JS 和 jQuery。没有 AJAX 或其他东西。

Answer 1

如果您想在 javascript 中处理所有内容(我推荐)，您可以从查看以下项目开始:

1. 使用 .change() 捕获所选年份 https://api.jquery.com/change/
2. 获取每个月的天数 Find all the days in a month with Date object?
3. 创建一个动态表来表示包含复选框的每个月份 How do I create HTML table using jQuery dynamically?
4. 如果您需要从服务器端设置复选框的值，只需将它们呈现为隐藏输入或 JavaScript 变量值，然后使用它们通过 jquery Setting "checked" for a checkbox with jQuery? 来选中/取消选中复选框。

由于我们使用 javascript 完成大部分操作，因此请避免依赖 struts taglibs(例如:html:multibox)，因为它们是在 javascript 之前执行(渲染)的。