生成一年日期的js

最新推荐文章于 2024-07-17 10:20:02 发布

wingahi

最新推荐文章于 2024-07-17 10:20:02 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： jq小技巧

本文链接：https://blog.youkuaiyun.com/wingahi/article/details/40872221

jq小技巧专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何使用jQuery和JavaScript创建一个动态的月份日历，包括星期数组、日期数组、设置日期函数、设置星期函数、设置月份函数和设置年份函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

注：引用jq包

<script src="jquery-1.11.0.js"></script>
    <script type="text/javascript">
        var today = new Array("日", "一","二", "三", "四", "五", "六");//创建星期数组
        var monthday = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
        function setDay(_year,_month,_day)
        {
            var dayresult = "<td>" + _day + "</td>";
            return dayresult;
        }
        function setWeek(_year,_month,_day,_endday,_startindex,_endindex)
        {
            var weekResult="<tr>";
            for (var i = 0, day = _day; i < 7 && day<=_endday; i++)
            {
                if(i>=_startindex && i<=_endindex)
                {
                    weekResult += setDay(_year,_month,_day);
                    _day++;
                }
                else
                {
                    weekResult += "<td>" + "" + "</td>";
                }
            }
            weekResult += "</tr>";
            return weekResult;
        }
        function setMonth(_year,_month)
        {
            var monthResult = "<table>";
            monthResult += "<tr><td colspan='7' align='center'>" + _month + "月</tr></td>";
            monthResult += "<tr>";
            for (var i = 0; i < 7; i++)
            {
                monthResult += "<td>" + today [i]+ "</td>";
            }
            monthResult += "</tr>";
            var startindex = 0, endindex = 6,startday=1,endday,pd=0;
            var day = new Date(Date.parse(_year + "/" + _month + "/" + startday));
            startindex = Number(day.getDay());
            endday = endindex - startindex + 1;
            while(endday>=startday)
            {
                monthResult += setWeek(_year, _month, startday,endday, startindex, endindex);
                startday = endday + 1;
                startindex = 0;
                endday = startday + endindex;
                if (pd == 1) break;
                if (endday > monthday[_month - 1]) {
                    endindex -= endday - monthday[_month-1];
                    endday = monthday[_month-1];
                    pd = 1;
                }
            }
            monthResult += "</table>";
            return monthResult;
        }
        function setYear(_year)
        {
            var yearResult = "";
            for(var i=1;i<13;i++)
            {
                yearResult += setMonth(_year, i);
            }
            return yearResult;
        }
        $(document).ready(function () {
            $("#datepicker").html(setYear(2014));
        });
    </script>