手把手教你做html日历

最新推荐文章于 2024-04-23 02:00:49 发布

VIP文章最骚的就是你

最新推荐文章于 2024-04-23 02:00:49 发布

阅读量8.4k

点赞数 6

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

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

版权

这里写图片描述

废话少说，直接上代码：

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8" />
        <title>示例</title>
        <script type="text/javascript" src="js/jquery-1.9.1.min.js" ></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();
				},
				//设置默认属性
				SetOptions: function(options) {
    
					this.options = { //默认值
						Year: new Date().getFullYear(), //显示年
						Month: new Date().getMonth() + 1, //显示月
						SelectDay: null, //选择日期
						onSelectDay: function() {
    }, //在选择日期触发
						onToday: function() {
    }, //在当天日期触发
						onFinish: function() {
    } //日历画完后触发

最低0.47元/天解锁文章

最骚的就是你

关注

6
点赞
踩
10

收藏

觉得还不错? 一键收藏
0
评论
手把手教你做html日历

废话少说，直接上代码：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>示例</title> <script type="text/javascript" src="js/jquery-1.9.1.min.js" ></script> </head> <bod
复制链接

扫一扫