博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery实现日历
阅读量:4970 次
发布时间:2019-06-12

本文共 2884 字,大约阅读时间需要 9 分钟。

直接上代码。最简单的!第一段是HTML代码和简单的样式。

   

 <   <%=DateTime.Now.ToString("yyyy") %><%=DateTime.Now.ToString("MM") %>月   > 

第二段是JS代码

dateData(3);            function dateData(type){                    var date = new Date();                        date = new Date($('#year').html(), parseInt($('#month').html()),0);            var currentMonth = date.getMonth()+1;        //当前月                        var currentYear = date.getFullYear();                        if(type == 0){                if(currentMonth == 0){                    currentYear = currentYear - 1;                    currentMonth = 11;                }else{                    currentMonth = currentMonth -1;                }            }else if(type == 1){                if(currentMonth == 11){                    currentYear = currentYear + 1;                    currentMonth = 0;                }else{                    currentMonth = currentMonth +1;                }            }                        date = new Date(currentYear, currentMonth,0);                        var currentMaxDay = new Date(date.getFullYear(), date.getMonth() + 1,0).getDate();  //当前月 - 最大天                        var prevMaxDay = new Date(date.getFullYear(), date.getMonth(),0).getDate();         //上一月                        var nextMaxDay = new Date(date.getFullYear(), date.getMonth() + 2,0).getDate();     //下一月                        date.setDate(1);                        var currentWeek = date.getDay();    //当月1日是星期几?                        if(currentWeek == 0){                currentWeek = 7;            }                        date = new Date(currentYear, currentMonth,0);                        var html = "";                        //遍历上一月            for(var i = prevMaxDay - currentWeek + 1; i <= prevMaxDay;i++){                html+= "";            }                        //遍历当前月            for(var j = 1;j <= currentMaxDay;j++ ){                html+= "";            }                        //遍历下一月            for(var j = 1;j <= 42 - currentMaxDay - currentWeek ;j++ ){                html+= "";            }            $('#content').html(html);            $('#year').html(date.getFullYear());            $('#month').html(date.getMonth() + 1);            var width = ($('#TaskCalendar').width() - 2) / 7;            $('#TaskCalendar label').css({width:width,float:"left"});        }        $(window).resize(function() {            var width = ($('#TaskCalendar').width() - 2) / 7;            $('#TaskCalendar label').css({width:width,float:"left"});        });

OK!就这么多!

转载于:https://www.cnblogs.com/ziqixing/p/3544127.html

你可能感兴趣的文章
九涯的第一次
查看>>
处理器管理与进程调度
查看>>
向量非零元素个数_向量范数详解+代码实现
查看>>
java if 用法详解_Java编程中的条件判断之if语句的用法详解
查看>>
matlab sin函数 fft,matlab的fft函数的使用教程
查看>>
mysql adddate()函数
查看>>
mysql sin() 函数
查看>>
mysql upper() 函数
查看>>
单片机复位电路
查看>>
php json_decode失败,返回null
查看>>
3-day3-list-truple-map.py
查看>>
Edit控件显示多行文字
查看>>
JS第二周
查看>>
dataTable.NET的search box每輸入一個字母進行一次檢索的問題
查看>>
Python 文件处理
查看>>
邻接表详解
查看>>
迭代dict的value
查看>>
eclipse package,source folder,folder区别及相互转换
查看>>
Py 可能是最全面的 python 字符串拼接总结(带注释版)
查看>>
《Java程序设计实验》 软件工程18-1,3 OO实验2
查看>>