大牛手把手教你做web版日历(建议你看看，你会有收获的)

最新推荐文章于 2024-06-14 09:41:09 发布

最骚的就是你

最新推荐文章于 2024-06-14 09:41:09 发布

阅读量2.8k

点赞数

分类专栏： web前端学习文章标签：日历 web

本文链接：https://blog.csdn.net/libin_1/article/details/50384373

版权

本文提供了一个web版日历的制作教程，通过详细的步骤指导，帮助读者掌握创建日历的功能。下载地址：http://download.csdn.net/detail/cometwo/9373082。

摘要由CSDN通过智能技术生成

这里写图片描述

下载地址：http://download.csdn.net/detail/cometwo/9373082

 <!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8" />
        <title>示例</title>
        <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
        <script type="text/javascript">
            $(function(){
     
                var flag=1;
                $('table td').click(function(){
     
                    if(flag==1){
                        $(this).addClass('AAA');
                        flag=0;
                        alert('你点击的是'+$(this).text()+"     此时的已经flag是:"+flag) ;
                    }else{
                        $('table td').removeClass('AAA');
                        flag=1;
                         alert('你点击的是'+$(this).text()+"    此时的已经flag是:"+flag) ;
                    }
                })
            })
        </script>

    </head>

    <body>
        <script type="text/javascript">
            var $$ = function(id) {
     
				return "string" == typeof id ? document.getElementById(id) : id;
			};
			var Class = {
				create: function() {
     
					return function() {
     
						this.initialize.apply(this, arguments);
					}
				}
			}
			Object.extend = function(destination, source) {
     
				for (var property in source) {
					destination[property] = source[property];
				}
				return destination;
			}
			var Calendar = Class.create();
			Calendar.prototype = {
				initialize: function(container, options) {
     
					this.Container = $$(container); //容器(table结构)
					this.Days = []; //日期对象列表
					this.SetOptions(options);
					this.Year = this.options.Year;
					this.Month = this.options.Month;
					this.SelectDay = this.options.SelectDay ? new Date(this.options.SelectDay) : null;
					this.onSelectDay = this.options.onSelectDay;
					this.onToday = this.options.onToday;
					this.onFinish = this.options.onFinish;
					this.Draw();
				},
				//设置默认属

最低0.47元/天解锁文章

最骚的就是你

关注

0
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
大牛手把手教你做web版日历(建议你看看，你会有收获的)

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>示例</title> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
复制链接

扫一扫

专栏目录