jsp实现日历（二）

最新推荐文章于 2021-03-22 11:17:25 发布

失眠的树亚

最新推荐文章于 2021-03-22 11:17:25 发布

阅读量514

点赞数 1

分类专栏：关于jsp 文章标签： jsp

本文链接：https://blog.csdn.net/weixin_44021274/article/details/104583140

版权

关于jsp 专栏收录该内容

4 篇文章 1 订阅

订阅专栏

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page import="java.util.Calendar" %>
<html>
<head>
    <title>日历</title>
    <style>
        table{
            border: none;
        }
        table caption{
            color: red;
        }
        table tr th{
            text-align: center;
            border: 1px solid yellow;
            background-color: yellow;
        }
        table tr td{
            text-align: center;
            border: 1px solid gainsboro;
        }
        table tr td:hover{
            border: 1px solid red;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <table cellspacing="3" align="center">
        <%
            Calendar now = Calendar.getInstance();
            int year = now.get(Calendar.YEAR);
            int month = now.get(Calendar.MONTH)+1;
        %>
        <caption><strong>日历</strong></caption>
        <caption><strong><%=year%>年<%=month%>月</strong></caption>
        <tr>
            <th><div style="color:red">日</div></th>
            <th>一</th>
            <th>二</th>
            <th>三</th>
            <th>四</th>
            <th>五</th>
            <th><div style="color:green">六</div></th>
        </tr>
            <%
                Calendar ca = Calendar.getInstance();
                ca.set(Calendar.DAY_OF_MONTH,1);
                int day=1;
                int firstDay = ca.get(Calendar.DAY_OF_WEEK);
                int totalDays = ca.getActualMaximum(Calendar.DATE);
                int today = now.get(Calendar.DATE);
                for (int i=1;i<=6;i++){
            %>
                <tr>
            <%
                    for (int j=1;j<=7;j++){
                        if(j<firstDay&&i==1||day>totalDays){
            %>
                            <td  bgcolor="#dcdcdc"><div style="color:gainsboro">-</div></td>
            <%
                        }else{
                            if (day==today){
            %>
                                <td bgcolor="red"><%=day%></td>
            <%
                                day++;
                            }else{
            %>
                                <td bgcolor="#dcdcdc"><%=day%></td>
            <%
                                day++;
                            }
                        }
                }
            %>
                </tr>
            <%
                }
            %>

    </table>
</body>
</html>

失眠的树亚

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
jsp实现日历（二）

<%@ page contentType="text/html;charset=UTF-8" language="java" %><%@ page import="java.util.Calendar" %><html><head> <title>日历</title> <style> ...
复制链接

扫一扫