php+javascript的日历控件

最新推荐文章于 2024-04-17 14:28:13 发布
最新推荐文章于 2024-04-17 14:28:13 发布
阅读量712 收藏 1
点赞数
分类专栏： php 文章标签： php namespace 日历 控件 新闻

本文是一个php+javascript的日历控件实现代码，需要的朋友可以参考下。


<html>
<head>
<title>js calendar</title>
<script language="javascript">
/*
* -----------------------------------------------------------
*
* The DHTML Calendar, version 1.0 "It is happening again"
*
* Details and latest version at:
*
* This script is developed by Dynarch.com. Visit us at www.dynarch.com.
*
* This script is distributed under the GNU Lesser General Public License.
* Read the entire license text here: http://www.gnu.org/licenses/lgpl.html
*/
// $Id: calendar.js,v 1.51 2005/03/07 16:44:31 mishoo Exp $
/** The Calendar object constructor. */
Calendar = function (firstDayOfWeek, dateStr, onSelected, onClose) {
// member variables
this.activeDiv = null;
this.currentDateEl = null;
this.getDateStatus = null;
this.getDateToolTip = null;
this.getDateText = null;
this.timeout = null;
this.onSelected = onSelected || null;
this.onClose = onClose || null;
this.dragging = false;
this.hidden = false;
this.minYear = 1970;
this.maxYear = 2050;
this.dateFormat = Calendar._TT["DEF_DATE_FORMAT"];
this.ttDateFormat = Calendar._TT["TT_DATE_FORMAT"];
this.isPopup = true;
this.weekNumbers = true;
this.firstDayOfWeek = typeof firstDayOfWeek == "number" ? firstDayOfWeek : Calendar._FD; // 0 for Sunday, 1 for Monday, etc.
this.showsOtherMonths = false;
this.dateStr = dateStr;
this.ar_days = null;
this.showsTime = false;
this.time24 = true;
this.yearStep = 2;
this.hiliteToday = true;
this.multiple = null;
// HTML elements
this.table = null;
this.element = null;
this.tbody = null;
this.firstdayname = null;
// Combo boxes
this.monthsCombo = null;
this.yearsCombo = null;
this.hilitedMonth = null;
this.activeMonth = null;
this.hilitedYear = null;
this.activeYear = null;
// Information
this.dateClicked = false;
// one-time initializations
if (typeof Calendar._SDN == "undefined") {
// table of short day names
if (typeof Calendar._SDN_len == "undefined")
Calendar._SDN_len = 3;
var ar = new Array();
for (var i = 8; i > 0;) {
ar[--i] = Calendar._DN[i].substr(0, Calendar._SDN_len);
}
Calendar._SDN = ar;
// table of short month names
if (typeof Calendar._SMN_len == "undefined")
Calendar._SMN_len = 3;
ar = new Array();
for (var i = 12; i > 0;) {
ar[--i] = Calendar._MN[i].substr(0, Calendar._SMN_len);
}
Calendar._SMN = ar;
}
};
// ** constants
/// "static", needed for event handlers.
Calendar._C = null;
/// detect a special case of "web browser"
Calendar.is_ie = ( /msie/i.test(navigator.userAgent) &&
!/opera/i.test(navigator.userAgent) );
Calendar.is_ie5 = ( Calendar.is_ie && /msie 5.0/i.test(navigator.userAgent) );
/// detect Opera browser
Calendar.is_opera = /opera/i.test(navigator.userAgent);
/// detect KHTML-based browsers
Calendar.is_khtml = /Konqueror|Safari|KHTML/i.test(navigator.userAgent);
// BEGIN: UTILITY FUNCTIONS; beware that these might be moved into a separate
// library, at some point.
Calendar.getAbsolutePos = function(el) {
var SL = 0, ST = 0;
var is_div = /^div$/i.test(el.tagName);
if (is_div && el.scrollLeft)
SL = el.scrollLeft;
if (is_div && el.scrollTop)
ST = el.scrollTop;
var r = { x: el.offsetLeft - SL, y: el.offsetTop - ST };
if (el.offsetParent) {
var tmp = this.getAbsolutePos(el.offsetParent);
r.x += tmp.x;
r.y += tmp.y;
}
return r;
};
Calendar.isRelated = function (el, evt) {
var related = evt.relatedTarget;
if (!related) {
var type = evt.type;
if (type == "mou seover") {
related = evt.fromElement;
} else if (type == "mouseout") {
related = evt.toElement;
}
}
while (related) {
if (related == el) {
return true;
}
related = related.parentNode;
}
return false;
};
Calendar.removeClass = function(el, className) {
if (!(el && el.className)) {
return;
}
var cls = el.className.split(" ");
var ar = new Array();
for (var i = cls.length; i > 0;) {
if (cls[--i] != className) {
ar[ar.length] = cls[i];
}
}
el.className = ar.join(" ");
};
Calendar.addClass = function(el, className) {
Calendar.removeClass(el, className);
el.className += " " + className;
};
// FIXME: the following 2 functions totally suck, are useless and should be replaced immediately.
Calendar.getElement = function(ev) {
var f = Calendar.is_ie ? window.event.srcElement : ev.currentTarget;
while (f.nodeType != 1 || /^div$/i.test(f.tagName))
f = f.parentNode;
return f;
};
Calendar.getTargetElement = function(ev) {
var f = Calendar.is_ie ? window.event.srcElement : ev.target;
while (f.nodeType != 1)
f = f.parentNode;
return f;
};
Calendar.stopEvent = function(ev) {
ev || (ev = window.event);
if (Calendar.is_ie) {
ev.cancelBubble = true;
ev.returnValue = false;
} else {
ev.preventDefault();
ev.stopPropagation();
}
return false;
};
Calendar.addEvent = function(el, evname, func) {
if (el.attachEvent) { // IE
el.attachEvent("on" + evname, func);
} else if (el.addEventListener) { // Gecko / W3C
el.addEventListener(evname, func, true);
} else {
el["on" + evname] = func;
}
};
Calendar.removeEvent = function(el, evname, func) {
if (el.detachEvent) { // IE
el.detachEvent("on" + evname, func);
} else if (el.removeEventListener) { // Gecko / W3C
el.removeEventListener(evname, func, true);
} else {
el["on" + evname] = null;
}
};
Calendar.createElement = function(type, parent) {
var el = null;
if (document.createElementNS) {
// use the XHTML namespace; IE won't normally get here unless
// _they_ "fix" the DOM2 implementation.
el = document.createElementNS("http://www.w3.org/1999/xhtml", type);
} else {
el = document.createElement(type);
}
if (typeof parent != "undefined") {
parent.appendChild(el);
}
return el;
};
// END: UTILITY FUNCTIONS
// BEGIN: CALENDAR STATIC FUNCTIONS
/** Internal -- adds a set of events to make some element behave like a button. */
Calendar._add_evs = function(el) {
with (Calendar) {
addEvent(el, "mouseover", dayMouseOver);
addEvent(el, "mousedown", dayMouseDown);
addEvent(el, "mouseout", dayMouseOut);
if (is_ie) {
addEvent(el, "dblclick", dayMouseDblClick);
el.setAttribute("unselectable", true);
}
}
};
Calendar.findMonth = function(el) {
if (typeof el.month != "undefined") {
return el;
} else if (typeof el.parentNode.month != "undefined") {
return el.parentNode;
}
return null;
};
Calendar.findYear = function(el) {
if (typeof el.year != "undefined") {
return el;
} else if (typeof el.parentNode.year != "undefined") {
return el.parentNode;
}
return null;
};
Calendar.showMonthsCombo = function () {
var cal = Calendar._C;
if (!cal) {
return false;
}
var cal = cal;
var cd = cal.activeDiv;
var mc = cal.monthsCombo;
if (cal.hilitedMonth) {
Calendar.removeClass(cal.hilitedMonth, "hilite");
}
if (cal.activeMonth) {
Calendar.removeClass(cal.activeMonth, "active");
}
var mon = cal.monthsCombo.getElementsByTagName("div")[cal.date.getMonth()];
Calendar.addClass(mon, "active");
cal.activeMonth = mon;
var s = mc.style;
s.display = "block";
if (cd.navtype < 0)
s.left = cd.offsetLeft + "px";
else {
var mcw = mc.offsetWidth;
if (typeof mcw == "undefined")
// Konqueror brain-dead techniques
mcw = 50;
s.left = (cd.offsetLeft + cd.offsetWidth - mcw) + "px";
}
s.top = (cd.offsetTop + cd.offsetHeight) + "px";
};
Calendar.showYearsCombo = function (fwd) {
var cal = Calendar._C;
if (!cal) {
return false;
}
var cal = cal;
var cd = cal.activeDiv;
var yc = cal.yearsCombo;
if (cal.hilitedYear) {
Calendar.removeClass(cal.hilitedYear, "hilite");
}
if (cal.activeYear) {
Calendar.removeClass(cal.activeYear, "active");
}
cal.activeYear = null;
var Y = cal.date.getFullYear() + (fwd ? 1 : -1);
var yr = yc.firstChild;
var show = false;
for (var i = 12; i > 0; --i) {
if (Y >= cal.minYear && Y <= cal.maxYear) {
yr.innerHTML = Y;
yr.year = Y;
yr.style.display = "block";
show = true;
} else {
yr.style.display = "none";
}
yr = yr.nextSibling;
Y += fwd ? cal.yearStep : -cal.yearStep;
}
if (show) {
var s = yc.style;
s.display = "block";
if (cd.navtype < 0)
s.left = cd.offsetLeft + "px";
else {
var ycw = yc.offsetWidth;
if (typeof ycw == "undefined")
// Konqueror brain-dead techniques
ycw = 50;
s.left = (cd.offsetLeft + cd.offsetWidth - ycw) + "px";
}
s.top = (cd.offsetTop + cd.offsetHeight) + "px";
}
};
// event handlers
Calendar.tableMouseUp = function(ev) {
var cal = Calendar._C;
if (!cal) {
return false;
}
if (cal.timeout) {
clearTimeout(cal.timeout);
}
var el = cal.activeDiv;
if (!el) {
return false;
}
var target = Calendar.getTargetElement(ev);
ev || (ev = window.event);
Calendar.removeClass(el, &qu

原文地址：http://www.adminso.com/articles/view/92047
(站长搜索- http://www.adminso.com/articles -资讯，中国最具专业的站长资讯新闻频道,报道国内外动态权威的站长资讯动向,关注新闻,透视事件热点资讯。)

hhkiss1
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
PHP+JavaScript+HTML实现注册界面表单及日历控件
weixin_34240520的博客
02-23 552
本文主要是介绍我做PHP网站时的一个HTML的简单静态界面，它的主要功能是用户注册界面，并且参照了网上的例子使用JavaScript判断和My97DatePicker的日历控件。界面效果如下图所示： 同时插入数据库显示效果如下图所示： 可以看到引用My97DatePicker的日历控件及判断效果如下图...
js和php写日历
alexlee0123的博客
12-01 94
js: <!doctype html> <meta charset="utf-8"/> <script language="javascript"> function is_leap(year) { return (year%100==0?res=(year%400==0?1:0):res=(year%4==0?1:0)); ...
日历控件 php,php 日历类 日历控件
weixin_33783283的博客
03-10 475
搜索热词下面是编程之家 jb51.cc 通过网络收集整理的代码片段。编程之家小编现在分享给大家，也给大家做个参考。class CalendarForm {protected $year;protected $month;protected $day;protected $weekend;protected $currentdate;protected $dayofmonth;protected $...
日期控件
weixin_34220963的博客
06-06 190
. . . . &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &l...
PHP+JavaScript+HTML实现注册界面表单及日历控件1
08-03
前期介绍安装流程、基础语法、订阅第1页 共8页msg.document.write("姓名:");if(document.form1.sex.value=="未
寒羽枫javascript日历控件源代码
03-18
寒羽枫javascript日历控件 此日历控件兼容IE、FireFox ,界面清爽，纯脚本运行，实现了日期的回显功能，调用方便灵活 。
PHP+HTML实现注册界面及日历控件
02-23
本文主要参考我的博客http://blog.csdn.net/eastmount/article/details/43916765完成的PHP+HTML+JavaScript实现的注册界面，其中包括My97DatePicke的日历控件和JavaScript的判断。希望文章对大家有所帮助，如果有...
calendar.js
xiaoxiao315的专栏
12-30 4002
/*  Copyright Mihai Bazon, 2002-2005  |  www.bazon.net/mishoo  * -----------------------------------------------------------  *  * The DHTML Calendar, version 1.0 "It is happening again"  *  * De
日历插件常用案例
11-05
简洁，漂亮的日历，做了程序中各种情况下使用的例子，在此分享出来，以方便日后使用
PHP日历控件代码
05-28
$year = @$_GET['year']; //获得链接的年份 $month = @$_GET['month']; //获得链接的月份 if (empty ($year)) $year = date("Y"); //初始化为本年度的年份 if (empty ($month)) $month = date("n"); //初始化为本月的月份
js日历控件大全（PHP用）
05-08
php开发常用的控件，和.net那些集成的一样的哦！才学PHP3天，从.net转过来不习惯，就找这些东东了！呵呵，好用，不过有点乱，自己整理哈啊！
php版的简陋日历
11-14
用php实现的网页日历，属于简陋版本，功能基本实现，仅供初学者参考－－－巨石糖果山
php日历插件，漂亮简洁 v1.1
11-09
一个简单、纯洁的php日历插件，美化方面同样下了不少功夫，建议用firefox打开，因为兼容我没调好，在ie下可能会有点问题。 　　php日历更新说明：v1.1版修正了1.0中右边的一个图片无法显示的问题。 　　文件说明： 　　calendar.class.php是日历类 　　index.php是入口文件
php wdatepicker,WdatePicker日历控件使用方法
weixin_35797127的博客
03-19 131
wdatepicker日历控件是个非常好用的js日历控件，这搜集了一下他的使用方法，这个js可以在这里下载：http://l4.yunpan.cn/lk/QEVi5KP4CqgJ21.跨无限级框架显示无论你把日期控件放在哪里,你都不需要担心会被外层的iframe所遮挡进而影响客户体验,因为My97日期控件是可以跨无限级框架显示的跨无限级框架演示可无限跨越框架iframe,无论怎么嵌套框架都不必担...
【php开发工程师系统性教学】——laravel中自动验证的实现教程
php优质创造者
04-13 1692
如果还要错误可以私信博主，这个代码可以实用laravel8以上的版本
抓取电商产品数据的方法|PHP|Python多语言环境|高并发需求|电商商品API接口数据采集
最新发布
TinagirlAPI的博客
04-17 192
解决方案：集成订单管理系统和物流跟踪功能，让客户能够方便地处理订单、发货，并为用户提供实时的物流跟踪信息。- 解决方案：支持信用卡、借记卡、PayPal等流行的在线支付方式，确保用户可以选择最适合自己的付款方式。- 解决方案：采用高性能的服务器、CDN加速服务、优化网站代码等措施，确保网站能够快速响应并保持稳定性。- 解决方案：整合营销工具，如优惠券系统、积分奖励、折扣活动等，提供多样的促销方式来吸引客户。- 解决方案：采用SSL加密技术保护网站的安全性，遵守相关法规和标准，确保用户数据安全。
Upload-labs（Pass-17--Pass-21）
2301_81105268的博客
04-12 999
极为艰难的勉强参照着大佬们的博客，将upload靶场上的题目全部做完一遍。尤为感受到，所知俞多，方知所知俞少之感。在文件上传的路上，在web的路上，在ctf的路上，在网络攻防的路上。都还有很长的一段路要走。一段煎熬，困难，波折，孤独的路，但我相信，前行总有曙光。如同此刻的夜晚，偶有残星闪烁，月牙勾起尖角，黑夜笼罩着黑夜。而明天，太阳照常升起。静谧的夜晚，纷乱的思绪。反正也没什么人看见，我为我，写点东西。晚安。2024.4.12。
php+mysql+fullcalendar日历拖动与数据保存
08-30
在使用PHP和MySQL以及FullCalendar插件实现日历拖动与数据保存时，首先需要确保已经正确安装了PHP和MySQL，并成功引入了FullCalendar插件。 为了让日历具备拖动功能，需要在FullCalendar的配置中设置"editable"属性...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值