php+javascript_PHP によるカレンダー コントロールのチュートリアル

コードをコピーします コードは次のとおりです:

<スクリプト言語="javascript">
/* 著作権 Mihai Bazon、2002-2005 | www.bazon.net/mishoo
* --------------------------------------- ------------------
*
* DHTML カレンダー、バージョン 1.0 「また起こっています」
*
* 詳細と最新バージョンは、次のサイトでご覧いただけます:
* www.dynarch。 com/projects/calendar
*
* このスクリプトは Dynarch.com によって開発されました。 www.dynarch.com にアクセスしてください。
*
* このスクリプトは、GNU Lesser General Public License に基づいて配布されています。
* ここでライセンスの全文をお読みください: http://www.gnu.org/licenses/lgpl.html
*/
// $Id: Calendar.js,v 1.51 2005/03/07 16:44:31 mishoo Exp $
/**Calendar オブジェクトのコンストラクター。*/
Calendar = function (firstDayOfWeek, dateStr, onSelected, onClose) {
// メンバー変数
this.activeDiv = null;
this.currentDateEl = null;
this.getDateStatus = null;
this.getDateToolTip = null;
this.getDateText = null;
this.timeout = null;
this.onSelected = onSelected ||ヌル;
this.onClose = onClose ||ヌル;
this.dragging = false;
this.hidden = false;
this.min年 = 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 = firstDayOfWeek の種類 == "数値" ? firstDayOfWeek : Calendar._FD; // 日曜日は 0、月曜日は 1 など。
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 要素
this.table = null;
this.element = null;
this.tbody = null;
this.firstdayname = null;
// コンボボックス
this.monthsCombo = null;
this.yearsCombo = null;
this.hilitedMonth = null;
this.activeMonth = null;
this.hilited Year = null;
this.activeyear = null;
// 情報
this.dateClicked = false;
// 1 回限りの初期化
if (typeof Calendar._SDN == "未定義") {
// 短い日の名前のテーブル
if (typeof Calendar._SDN_len == "未定義")
Calendar._SDN_len = 3;
var ar = 新しい Array();
for (var i = 8; i > 0;) {
ar[--i] = Calendar._DN[i].substr(0, Calendar._SDN_len);
}
Calendar._SDN = ar;
// 短い月名のテーブル
if (typeof Calendar._SMN_len == "未定義")
Calendar._SMN_len = 3;
ar = 新しい Array();
for (var i = 12; i > 0;) {
ar[--i] = Calendar._MN[i].substr(0, Calendar._SMN_len);
}
Calendar._SMN = ar;
}
};
// ** 定数
/// 「静的」、イベント ハンドラーに必要。
Calendar._C = null;
/// 「Web ブラウザ」の特殊なケースを検出します
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) );
/// Opera ブラウザを検出します
Calendar.is_opera = /opera/i.test(navigator.userAgent);
/// KHTML ベースのブラウザを検出します
Calendar.is_khtml = /Konqueror|Safari|KHTML/i.test(navigator.userAgent);
// 開始: ユーティリティ関数;これらは、ある時点で別の
// ライブラリに移動される可能性があることに注意してください。
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;
}
r を返します。
};
Calendar.isMany = function (el, evt) {
var 関連 = evt.relativeTarget;
if (!関連) {
var type = evt.type;
if (type == "mouseover") {
関連 = evt.fromElement;
} else if (type == "mouseout") {
関連 = evt.toElement;
}
}
while (関連) {
if (関連 == el) {
return true;
}
関連 = 関連.parentNode;
}
false を返します。
};
Calendar.removeClass = function(el, className) {
if (!(el && el.className)) {
return;
}
var cls = el.className.split(" ");
var ar = 新しい 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;
};
// 修正: 次の 2 つの関数はまったく役に立たず、すぐに置き換える必要があります。
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;
fを返します;
};
Calendar.getTargetElement = function(ev) {
var f = Calendar.is_ie ? window.event.srcElement : ev.target;
while (f.nodeType != 1)
f = f.parentNode;
fを返します;
};
Calendar.stopEvent = function(ev) {
ev || (ev = ウィンドウ.イベント);
if (Calendar.is_ie) {
ev.cancelBubble = true;
ev.returnValue = false;
} else {
ev.preventDefault();
ev.stopPropagation();
}
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) {
// XHTML 名前空間を使用します。通常、IE は
// DOM2 実装を「修正」しない限り、ここに到達しません。
el = document.createElementNS("http://www.w3.org/1999/xhtml", type);
} else {
el = document.createElement(type);
}
if (親のタイプ != "未定義") {
parent.appendChild(el);
}
エルを返します。
};
// 終了: ユーティリティ関数
// 開始: カレンダー静的関数
/**内部 -- 一連のイベントを追加して、一部の要素をボタンのように動作させます。*/
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("選択不可", true);
}
}
};
Calendar.findMonth = function(el) {
if (typeof el.month != "未定義") {
return el;
} else if (typeof el.parentNode.month != "未定義") {
return el.parentNode;
}
null を返します。
};
Calendar.find Year = function(el) {
if (typeof el.year != "未定義") {
return el;
} else if (typeof el.parentNode.year != "未定義") {
return el.parentNode;
}
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, "アクティブ");
cal.activeMonth = 月;
var s = mc.style;
s.display = "ブロック";
if (cd.navtype s.left = cd.offsetLeft + "px";
else {
var mcw = mc.offsetWidth;
if (typeof mcw == "未定義")
// Konqueror の脳死テクニック
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.hilited Year) {
Calendar.removeClass(cal.hilited Year, "hilite");
}
if (cal.active Year) {
Calendar.removeClass(cal.active Year, "active");
}
cal.activeyear = null;
var Y = cal.date.getFull Year() + (fwd ? 1 : -1);
var yr = yc.firstChild;
var show = false;
for (var i = 12; i > 0; --i) {
if (Y >= cal.min Year && Y yr.innerHTML = Y;
年 = Y;
yr.style.display = "ブロック";
表示 = true;
} else {
yr.style.display = "なし";
}
yr = yr.nextSibling;
Y += 前進 ? cal.yearStep : -cal.yearStep;
}
if (表示) {
var s = yc.style;
s.display = "ブロック";
if (cd.navtype s.left = cd.offsetLeft + "px";
else {
var ycw = yc.offsetWidth;
if (typeof ycw == "未定義")
// Konqueror の脳死テクニック
ycw = 50;
s.left = (cd.offsetLeft + cd.offsetWidth - ycw) + "px";
}
s.top = (cd.offsetTop + cd.offsetHeight) + "px";
}
};
// イベントハンドラー
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 = ウィンドウ.イベント);
Calendar.removeClass(el, "アクティブ");
if (target == el || target.parentNode == el) {
Calendar.cellClick(el, ev);
}
var mon = Calendar.findMonth(target);
var date = null;
if (mon) {
date = 新しい日付(cal.date);
if (mon.month != date.getMonth()) {
date.setMonth(mon.month);
cal.setDate(日付);
cal.dateClicked = false;
cal.callHandler();
}
} else {
var year = Calendar.find Year(target);
if (年) {
date = 新しい日付(cal.date);
if (年.年 != date.getFullyear()) {
date.setFullyear(年.年);
cal.setDate(日付);
cal.dateClicked = false;
cal.callHandler();
}
}
}
with (カレンダー) {
removeEvent(document, "mouseup", tableMouseUp);
removeEvent(document, "mouseover", tableMouseOver);
removeEvent(document, "mousemove", tableMouseOver);
cal._hideCombos();
_C = null;
stopEvent(ev)を返す;
}
};
Calendar.tableMouseOver = function (ev) {
var cal = Calendar._C;
if (!cal) {
return;
}
var el = cal.activeDiv;
var target = Calendar.getTargetElement(ev);
if (target == el || target.parentNode == el) {
Calendar.addClass(el, "hilite active");
Calendar.addClass(el.parentNode, "rowhilite");
} else {
if (typeof el.navtype == "未定義" || (el.navtype != 50 && (el.navtype == 0 || Math.abs(el.navtype) > 2)))
Calendar.removeClass(el, "アクティブ");
Calendar.removeClass(el, "hilite");
Calendar.removeClass(el.parentNode, "rowhilite");
}
エフ || (ev = ウィンドウ.イベント);
if (el.navtype == 50 && target != el) {
var pos = Calendar.getAbsolutePos(el);
var w = el.offsetWidth;
var x = ev.clientX;
var dx;
var減少 = true;
if (x > pos.x + w) {
dx = x - pos.x - w;
減少 = false;
} else
dx = pos.x - x;
if (dx var range = el._range;
var current = el._current;
var count = Math.floor(dx / 10) % range.length;
for (var i = range.length; --i >= 0;)
if (range[i] == current)
break;
while (count-- > 0)
if (減少) {
if (--i i = range.length - 1;
} else if ( ++i >= range.length )
i = 0;
var newval = range[i];
el.innerHTML = newval;
cal.onUpdateTime();
}
var mon = Calendar.findMonth(target);
if (月) {
if (mon.month != cal.date.getMonth()) {
if (cal.hilitedMonth) {
Calendar.removeClass(cal.hilitedMonth, "hilite");
}
Calendar.addClass(mon, "hilite");
cal.hilitedMonth = 月;
} else if (cal.hilitedMonth) {
Calendar.removeClass(cal.hilitedMonth, "hilite");
}
} else {
if (cal.hilitedMonth) {
Calendar.removeClass(cal.hilitedMonth, "hilite");
}
var year = Calendar.find Year(target);
if (年) {
if (年.年 != cal.date.getFull Year()) {
if (cal.hilited Year) {
Calendar.removeClass(cal.hilited Year, "hilite");
}
Calendar.addClass(年, "hilite");
cal.hilited Year = 年;
} else if (cal.hilited Year) {
Calendar.removeClass(cal.hilited Year, "hilite");
}
} else if (cal.hilited Year) {
Calendar.removeClass(cal.hilited Year, "hilite");
}
}
return Calendar.stopEvent(ev);
};
Calendar.tableMouseDown = function (ev) {
if (Calendar.getTargetElement(ev) == Calendar.getElement(ev)) {
return Calendar.stopEvent(ev);
}
};
Calendar.calDragIt = function (ev) {
var cal = Calendar._C;
if (!(cal && cal.dragging)) {
return false;
}
var posX;
変数の位置;
if (Calendar.is_ie) {
posY = window.event.clientY + document.body.scrollTop;
posX = window.event.clientX + document.body.scrollLeft;
} else {
posX = ev.pageX;
posY = ev.pageY;
}
cal.hideShowCovered();
var st = cal.element.style;
st.left = (posX - cal.xOffs) + "px";
st.top = (posY - cal.yOffs) + "px";
return Calendar.stopEvent(ev);
};
Calendar.calDragEnd = function (ev) {
var cal = Calendar._C;
if (!cal) {
return false;
}
cal.dragging = false;
with (カレンダー) {
removeEvent(document, "mousemove", calDragIt);
removeEvent(document, "mouseup", calDragEnd);
tableMouseUp(ev);
}
cal.hideShowCovered();
};
Calendar.dayMouseDown = function(ev) {
var el = Calendar.getElement(ev);
if (el.disabled) {
return false;
}
var cal = el.calendar;
cal.activeDiv = エル;
Calendar._C = cal;
if (el.navtype != 300) with (カレンダー) {
if (el.navtype == 50) {
el._current = el.innerHTML;
addEvent(document, "mousemove", tableMouseOver);
} else
addEvent(document, Calendar.is_ie5 ? "mousemove" : "mouseover", tableMouseOver);
addClass(el, "ハイライトアクティブ");
addEvent(document, "mouseup", tableMouseUp);
} else if (cal.isPopup) {
cal._dragStart(ev);
}
if (el.navtype == -1 || el.navtype == 1) {
if (cal.timeout) clearTimeout(cal.timeout);
cal.timeout = setTimeout("Calendar.showMonthsCombo()", 250);
} else if (el.navtype == -2 || el.navtype == 2) {
if (cal.timeout) clearTimeout(cal.timeout);
cal.timeout = setTimeout((el.navtype > 0) ? "Calendar.showyearsCombo(true)" : "Calendar.showyearsCombo(false)", 250);
} else {
cal.timeout = null;
}
return Calendar.stopEvent(ev);
};
Calendar.dayMouseDblClick = function(ev) {
Calendar.cellClick(Calendar.getElement(ev), ev || window.event);
if (Calendar.is_ie) {
document.selection.empty();
}
};
Calendar.dayMouseOver = function(ev) {
var el = Calendar.getElement(ev);
if (Calendar.isMany(el, ev) || Calendar._C || el.disabled) {
return false;
}
if (el.ttip) {
if (el.ttip.substr(0, 1) == "_") {
el.ttip = el.caldate.print(el.calendar.ttDateFormat) + el. ttip.substr(1);
}
el.calendar.tooltips.innerHTML = el.ttip;
}
if (el.navtype != 300) {
Calendar.addClass(el, "hilite");
if (el.caldate) {
Calendar.addClass(el.parentNode, "rowhilite");
}
}
return Calendar.stopEvent(ev);
};
Calendar.dayMouseOut = function(ev) {
with (カレンダー) {
var el = getElement(ev);
if (isMany(el, ev) || _C || el.disabled)
return false;
removeClass(el, "hilite");
if (el.caldate)
removeClass(el.parentNode, "rowhilite");
if (el.calendar)
el.calendar.tooltips.innerHTML = _TT["SEL_DATE"];
stopEvent(ev)を返す;
}
};
/**
* 汎用の「クリック」ハンドラー :) この
* カレンダーで定義されているすべてのタイプのボタンを処理します。
*/
Calendar.cellClick = function(el, ev) {
var cal = el.calendar;
var を閉じる = false;
var newdate = false;
var date = null;
if (typeof el.navtype == "未定義") {
if (cal.currentDateEl) {
Calendar.removeClass(cal.currentDateEl, "selected");
Calendar.addClass(el, "選択済み");
close = (cal.currentDateEl == el);
if (!close) {
cal.currentDateEl = el;
}
}
cal.date.setDateOnly(el.caldate);
日付 = 計算日;
var other_month = !(cal.dateClicked = !el.otherMonth);
if (!other_month && !cal.currentDateEl)
cal._toggleMultipleDate(new Date(date));
else
newdate = !el.disabled;
// 日付がクリックされました
if (other_month)
cal._init(cal.firstDayOfWeek, date);
} else {
if (el.navtype == 200) {
Calendar.removeClass(el, "hilite");
cal.callCloseHandler();
戻る;
}
date = 新しい日付(cal.date);
if (el.navtype == 0)
date.setDateOnly(new Date()); // TODAY
// 「今日」がクリックされない限り、日付がクリックされなかったものとみなされます。そのため、
// 選択されたハンドラーは、
// シングルクリック モードのときにカレンダーを閉じないことを認識します。
// cal.dateClicked = (el.navtype == 0);
cal.dateClicked = false;
var year = date.getFull Year();
var mon = date.getMonth();
関数 setMonth(m) {
var day = date.getDate();
var max = date.getMonthDays(m);
if (日 > 最大) {
date.setDate(最大);
}
date.setMonth(m);
};
switch (el.navtype) {
case 400:
Calendar.removeClass(el, "hilite");
var text = Calendar._TT["ABOUT"];
if (typeof text != "未定義") {
text += cal.showsTime ? Calendar._TT["ABOUT_TIME"] : "";
} else {
// 修正: これは、lang ファイルが更新されたらすぐに削除する必要があります。
text = "ヘルプと概要ボックスのテキストはこの言語に翻訳されていません。n" +
"この言語を知っていて寛大だと感じる場合は、更新してくださいn" +
"calendar-en と一致するように、"lang" サブディレクトリ内の対応するファイル。 jsn" +
" そして、配布に含めるために に送り返してください ;-)nn" +
"Thank you!n" +
"http://dynarch.com/mishoo/カレンダー.epln";
}
アラート(テキスト);
戻る;
case -2:
if (年 > cal.min Year) {
date.setFull Year(year - 1);
}
休憩;
case -1:
if (mon > 0) {
setMonth(mon - 1);
} else if (year-- > cal.min Year) {
date.setFull Year(year);
setMonth(11);
}
休憩;
ケース 1:
if (mon setMonth(mon + 1);
} else if (年 < cal.maxyear) {
date.setFull Year(year + 1);
setMonth(0);
}
休憩;
ケース 2:
if (年 < cal.maxyear) {
date.setFull Year(year + 1);
}
休憩;
ケース 100:
cal.setFirstDayOfWeek(el.fdow);
戻る;
ケース 50:
var range = el._range;
var current = el.innerHTML;
for (var i = range.length; --i >= 0;)
if (range[i] == current)
break;
if (ev && ev.shiftKey) {
if (--i < 0)
i = range.length - 1;
} else if ( ++i >= range.length )
i = 0;
var newval = range[i];
el.innerHTML = newval;
cal.onUpdateTime();
return;
case 0:
// TODAY will bring us here
if ((typeof cal.getDateStatus == "function") &&
cal.getDateStatus(date, date.getFullYear(), date.getMonth(), date.getDate())) {
return false;
}
break;
}
if (!date.equalsTo(cal.date)) {
cal.setDate(date);
newdate = true;
} else if (el.navtype == 0)
newdate = closing = true;
}
if (newdate) {
ev && cal.callHandler();
}
if (closing) {
Calendar.removeClass(el, "hilite");
ev && cal.callCloseHandler();
}
};
// END: CALENDAR STATIC FUNCTIONS
// BEGIN: CALENDAR OBJECT FUNCTIONS
/**
* This function creates the calendar inside the given parent. If _par is
* null than it creates a popup calendar inside the BODY element. If _par is
* an element, be it BODY, then it creates a non-popup calendar (still
* hidden). Some properties need to be set before calling this function.
*/
Calendar.prototype.create = function (_par) {
var parent = null;
if (! _par) {
// default parent is the document body, in which case we create
// a popup calendar.
parent = document.getElementsByTagName("body")[0];
this.isPopup = true;
} else {
parent = _par;
this.isPopup = false;
}
this.date = this.dateStr ? new Date(this.dateStr) : new Date();
var table = Calendar.createElement("table");
this.table = table;
table.cellSpacing = 0;
table.cellPadding = 0;
table.calendar = this;
Calendar.addEvent(table, "mousedown", Calendar.tableMouseDown);
var div = Calendar.createElement("div");
this.element = div;
div.className = "calendar";
if (this.isPopup) {
div.style.position = "absolute";
div.style.display = "none";
}
div.appendChild(table);
var thead = Calendar.createElement("thead", table);
var cell = null;
var row = null;
var cal = this;
var hh = function (text, cs, navtype) {
cell = Calendar.createElement("td", row);
cell.colSpan = cs;
cell.className = "button";
if (navtype != 0 && Math.abs(navtype) <= 2)
cell.className += " nav";
Calendar._add_evs(cell);
cell.calendar = cal;
cell.navtype = navtype;
cell.innerHTML = "

" + text + "

";
return cell;
};
row = Calendar.createElement("tr", thead);
var title_length = 6;
(this.isPopup) && --title_length;
(this.weekNumbers) && ++ title_length;
hh("?", 1, 400).ttip = Calendar._TT["INFO"]
this.title = hh("", title_length, 300); ;
if (this.isPopup) {
this.title.ttip = Calendar._TT["DRAG_TO_MOVE"];
this.title.style.cursor = "移動"
hh("×", 1, 200); ttip = Calendar._TT["CLOSE"];
row = Calendar.createElement("tr", thead);
this._nav_py = hh("«", 1, - 2);
this._nav_py.ttip = カレンダー._TT["PREV_YEAR"];
this._nav_pm = hh("", 1, -1);
this._nav_pm.ttip = カレンダー._TT["PREV_MONTH" ];
this._nav_now = hh(Calendar._TT["TODAY"], this.weekNumbers ? 4 : 3, 0);
this._nav_now.ttip = カレンダー._TT["GO_TODAY"]; hh("›", 1, 1);
this._nav_nm.ttip = カレンダー._TT["NEXT_MONTH"]
this._nav_ny = hh("»", 1, 2); Calendar._TT["NEXT_YEAR"];
// 日の名前
row = Calendar.createElement("tr", thead);
row.className = "曜日";
if (this.weekNumbers) {
cell = Calendar.createElement("td", row);
cell.className = "名前 wn";
cell.innerHTML = Calendar._TT["WK"];
}
for (var i = 7; i > 0; --i) {
cell = Calendar.createElement("td", row);
if (!i) {
cell.navtype = 100;
cell.calendar = これ;
Calendar._add_evs(セル);
}
}
this.firstdayname = (this.weekNumbers) ? row.firstChild.nextSibling : row.firstChild;
this._displayWeekdays();
var tbody = Calendar.createElement("tbody", table);
this.tbody = tbody;
for (i = 6; i > 0; --i) {
row = Calendar.createElement("tr", tbody);
if (this.weekNumbers) {
cell = Calendar.createElement("td", row);
}
for (var j = 7; j > 0; --j) {
cell = Calendar.createElement("td", row);
cell.calendar = これ;
Calendar._add_evs(セル);
}
}
if (this.showsTime) {
row = Calendar.createElement("tr", tbody);
row.className = "時間";
cell = Calendar.createElement("td", row);
cell.className = "時間";
cell.colSpan = 2;
cell.innerHTML = Calendar._TT["TIME"] || 「 」;
cell = Calendar.createElement("td", row);
cell.className = "時間";
cell.colSpan = this.weekNumbers ? 4:3;
(function(){
function makeTimePart(className, init, range_start, range_end) {
var part = Calendar.createElement("span", cell);
part.className = className;
part.innerHTML = init;
part .calendar = cal;
part.ttip = Calendar._TT["TIME_PART"];
part.navtype = 50;
if (typeof range_start != "number")
part._range = range_start;
else {
for (var i = range_start; i if (i = 10) txt = '0' + i;
else txt = '' + i;
part._range[part._range.length] = txt;
Calendar._add_evs(part)
var hrs = cal.date getHours();
var mins = cal.date.getMinutes();
var t12 = !cal.time24;
if (t12 && pm)
var H = makeTimePart("時", 時, t12 ? 1 : 0, t12 ? 12 : 23);
var span = Calendar.createElement("span", cell);
span.innerHTML = ":"; className = "コロン";
var M = makeTimePart("分", 0, 59);
cell = Calendar.createElement("td", 行); ";
cell.colSpan = 2;
if (t12)
AP = makeTimePart("ampm", pm ? "pm" : "am", ["am", "pm"]);
else
cell.innerHTML = " ";
cal.onSetTime = function() {
var pm, hrs = this.date.getHours(),
mins = this.date.getMinutes();
if (t12) {
pm = (時間 >= 12);
if (午後) 時間 -= 12;
if (時間 == 0) 時間 = 12;
AP.innerHTML = 午後 ? "午後" : "午前";
}
H.innerHTML = (時間 M.innerHTML = (分 };
cal.onUpdateTime = function() {
var date = this.date;
var h = parseInt(H.innerHTML, 10);
if (t12) {
if (/pm/i.test(AP.innerHTML) && h h += 12;
else if (/am/i.test(AP.innerHTML) && h == 12)
h = 0;
}
var d = date.getDate();
var m = date.getMonth();
var y = date.getFull Year();
date.setHours(h);
date.setMinutes(parseInt(M.innerHTML, 10));
date.setFullyear(y);
date.setMonth(m);
date.setDate(d);
this.dateClicked = false;
this.callHandler();
};
})();
} else {
this.onSetTime = this.onUpdateTime = function() {};
}
var tfoot = Calendar.createElement("tfoot", table);
row = Calendar.createElement("tr", tfoot);
row.className = "足行";
cell = hh(Calendar._TT["SEL_DATE"], this.weekNumbers ? 8 : 7, 300);
cell.className = "ttip";
if (this.isPopup) {
cell.ttip = Calendar._TT["DRAG_TO_MOVE"];
cell.style.cursor = "移動";
}
this.tooltips = セル;
div = Calendar.createElement("div", this.element);
this.monthsCombo = div;
div.className = "コンボ";
for (i = 0; i var mn = Calendar.createElement("div");
mn.className = Calendar.is_ie ? "ラベル-IEfix" : "ラベル";
mn.month = 私;
mn.innerHTML = Calendar._SMN[i];
div.appendChild(mn);
}
div = Calendar.createElement("div", this.element);
this.yearsCombo = div;
div.className = "コンボ";
for (i = 12; i > 0; --i) {
var yr = Calendar.createElement("div");
yr.className = Calendar.is_ie ? "ラベル-IEfix" : "ラベル";
div.appendChild(年);
}
this._init(this.firstDayOfWeek, this.date);
parent.appendChild(this.element);
};
/**キーボード ナビゲーション、ポップアップ カレンダーのみ*/
Calendar._keyEvent = function(ev) {
var cal = window._dynarch_popupCalendar;
if (!cal || cal.multiple)
return false;
(Calendar.is_ie) && (ev = window.event);
var act = (Calendar.is_ie || ev.type == "keypress"),
K = ev.keyCode;
if (ev.ctrlKey) {
switch (K) {
case 37: // KEY left
act && Calendar.cellClick(cal._nav_pm);
休憩;
case 38: // キーアップ
act && Calendar.cellClick(cal._nav_py);
休憩;
case 39: // KEY right
act && Calendar.cellClick(cal._nav_nm);
休憩;
case 40: // キーダウン
act && Calendar.cellClick(cal._nav_ny);
休憩;
デフォルト:
falseを返します。
}
} else switch (K) {
case 32: // KEY スペース (現在)
Calendar.cellClick(cal._nav_now);
休憩;
ケース 27: // KEY esc
act && cal.callCloseHandler();
休憩;
case 37: // KEY 左
case 38: // KEY up
case 39: // KEY right
case 40: // KEY down
if (act) {
var prev, x, y, ne, el,ステップ;
前 = K == 37 || K == 38;
ステップ = (K == 37 || K == 39) ? 1:7;
関数 setVars() {
el = cal.currentDateEl;
var p = el.pos;
x = p & 15;
y = p >> 4;
ne = cal.ar_days[y][x];
};setVars();
function prevMonth() {
var date = new Date(cal.date);
date.setDate(date.getDate() - ステップ);
cal.setDate(日付);
};
function nextMonth() {
var date = new Date(cal.date);
date.setDate(date.getDate() + ステップ);
cal.setDate(日付);
};
while (1) {
switch (K) {
case 37: // KEY left
if (--x >= 0)
ne = cal.ar_days[y][x];
else {
x = 6;
K = 38;
続けてください。
}
休憩;
case 38: // キーアップ
if (--y >= 0)
ne = cal.ar_days[y][x];
else {
prevMonth();
setVars();
}
休憩;
case 39: // キーは正しい
if (++x ne = cal.ar_days[y][x];
else {
x = 0;
K = 40;
続けてください。
}
休憩;
case 40: // キーダウン
if (++y < cal.ar_days.length)
ne = cal.ar_days[y][x];
else {
nextMonth();
setVars();
}
休憩;
}
休憩;
}
if (ne) {
if (!ne.disabled)
Calendar.cellClick(ne);
else if (前)
prevMonth();
else
nextMonth();
}
}
休憩;
case 13: // キーを入力します
if (act)
Calendar.cellClick(cal.currentDateEl, ev);
休憩;
デフォルト:
falseを返します。
}
return Calendar.stopEvent(ev);
};
/**
* (RE)カレンダーを指定された日付とfirstDayOfWeekに初期化します
*/
Calendar.prototype._init = function (firstDayOfWeek, date) {
var today = new Date(),
TY = today.getFull Year(),
TM = today.getMonth(),
TD = today.getDate();
this.table.style.visibility = "非表示";
var year = date.getFull Year();
if (年 year = this.min Year;
date.setFullyear(年);
} else if (年 > this.max Year) {
year = this.max Year;
date.setFullyear(年);
}
this.firstDayOfWeek = firstDayOfWeek;
this.date = 新しい日付(日付);
var month = date.getMonth();
var mday = date.getDate();
var no_days = date.getMonthDays();
// たとえ前月のものであっても、実際にカレンダーに表示される最初の日を計算するためのカレンダーブードゥー教
// 。
// 警告: これは魔法です。 ;-)
date.setDate(1);
var day1 = (date.getDay() - this.firstDayOfWeek) % 7;
if (day1 < 0)
day1 += 7;
date.setDate(-day1);
date.setDate(date.getDate() + 1);
var row = this.tbody.firstChild;
var MN = Calendar._SMN[月];
var ar_days = this.ar_days = new Array();
var 週末 = Calendar._TT["WEEKEND"];
var date = this.multiple ? (this.datesCells = {}) : null;
for (var i = 0; i < 6; ++i, row = row.nextSibling) {
var cell = row.firstChild;
if (this.weekNumbers) {
cell.className = "日";
cell.innerHTML = date.getWeekNumber();
セル = cell.nextSibling;
}
row.className = "daysrow";
var hasdays = false、iday、dpos = ar_days[i] = [];
for (var j = 0; j < 7; ++j, cell = cell.nextSibling, date.setDate(iday + 1)) {
iday = date.getDate();
var wday = date.getDay();
cell.className = "日";
cell.pos = i << 4 | j;
dpos[j] = セル;
var current_month = (date.getMonth() == 月);
if (!current_month) {
if (this.showsOtherMonths) {
cell.className += " othermonth";
cell.otherMonth = true;
} else {
cell.className = "空のセル";
cell.innerHTML = " ";
cell.disabled = true;
続けてください。
}
} else {
cell.otherMonth = false;
ハスデイ = true;
}
cell.disabled = false;
cell.innerHTML = this.getDateText ? this.getDateText(日付, iday) : iday;
if (日付)
dates[date.print("%Y%m%d")] = セル;
if (this.getDateStatus) {
var status = this.getDateStatus(日付, 年, 月, iday);
if (this.getDateToolTip) {
var toolsTip = this.getDateToolTip(date, year, month, iday);
if (ツールヒント)
cell.title = ツールヒント;
}
if (ステータス === true) {
cell.className += "無効";
cell.disabled = true;
} else {
if (/disabled/i.test(status))
cell.disabled = true;
cell.className += " " + ステータス;
}
}
if (!cell.disabled) {
cell.caldate = new Date(日付);
cell.ttip = "_";
if (!this.multiple && current_month
&& iday == mday && this.hiliteToday) {
cell.className += " selected";
this.currentDateEl = セル;
}
if (date.getFull Year() == TY &&
date.getMonth() == TM &&
iday == TD) {
cell.className += " 今日";
cell.ttip += Calendar._TT["PART_TODAY"];
}
if (weekend.indexOf(wday.toString()) != -1)
cell.className += cell.otherMonth ? "週末" : "週末";
}
}
if (!(hasdays || this.showsOtherMonths))
row.className = "emptyrow";
}
this.title.innerHTML = Calendar._MN[月] + ", " + 年;
this.onSetTime();
this.table.style.visibility = "可視";
this._initMultipleDates();
// プロフィール
// this.tooltips.innerHTML = "生成日 " + ((new Date()) - 今日) + " ミリ秒";
};
Calendar.prototype._initMultipleDates = function() {
if (this.multiple) {
for (var i in this.multiple) {
var cell = this.datesCells[i];
var d = this.multiple[i];
if (!d)
続行;
if (セル)
cell.className += " selected";
}
}
};
Calendar.prototype._toggleMultipleDate = function(date) {
if (this.multiple) {
var ds = date.print("%Y%m%d");
var cell = this.datesCells[ds];
if (セル) {
var d = this.multiple[ds];
if (!d) {
Calendar.addClass(cell, "選択済み");
this.multiple[ds] = 日付;
} else {
Calendar.removeClass(cell, "selected");
this.multiple[ds]を削除します;
}
}
}
};
Calendar.prototype.setDateToolTipHandler = function (unaryFunction) {
this.getDateToolTip = unaryFunction;
};
/**
* 特定の日付に移動するために上記の _init 関数を呼び出します (ただし、
* 日付が現在選択されている日付と異なる場合に限ります)。
*/
Calendar.prototype.setDate = function (date) {
if (!date.equalsTo(this.date)) {
this._init(this.firstDayOfWeek, date);
}
};
/**
* カレンダーを更新します。 「disabledHandler」関数が
* 動的である場合、つまり無効な日付のリストが実行時に変更される可能性がある場合に便利です。
* 無効な日付のリスト
* を * 変更する必要があると思われる場合は、* この関数を呼び出してください。
*/
Calendar.prototype.refresh = function () {
this._init(this.firstDayOfWeek, this.date);
};
/**「firstDayOfWeek」パラメータを変更します (Synday には 0、月曜日には 1 などを渡します)。*/
Calendar.prototype.setFirstDayOfWeek = function (firstDayOfWeek) {
this._init(firstDayOfWeek, this.date);
this._displayWeekdays();
};
/**
* 有効にする日付をカスタマイズできます。 「unaryFunction」
* パラメーターは、日付を (JS Date
* オブジェクトとして) 受け取り、ブール値を返す関数オブジェクトである必要があります。戻り値が true の場合、
* 渡された日付は無効としてマークされます。
*/
Calendar.prototype.setDateStatusHandler = Calendar.prototype.setDisabledHandler = function (unaryFunction) {
this.getDateStatus = unaryFunction;
};
/**カレンダーに許可される年の範囲のカスタマイズ。*/
Calendar.prototype.setRange = function (a, z) {
this.min Year = a;
this.maxyear = z;
};
/**最初のユーザー ハンドラー (selectedHandler) を呼び出します。*/
Calendar.prototype.callHandler = function () {
if (this.onSelected) {
this.onSelected(this, this.date.print(this.dateFormat));
}
};
/**2 番目のユーザー ハンドラー (closeHandler) を呼び出します。*/
Calendar.prototype.callCloseHandler = function () {
if (this.onClose) {
this.onClose(this);
}
this.hideShowCovered();
};
/**DOM ツリーからカレンダー オブジェクトを削除し、破棄します。*/
Calendar.prototype.destroy = function () {
var el = this.element.parentNode;
el.removeChild(this.element);
Calendar._C = null;
window._dynarch_popupCalendar = null;
};
/**
* カレンダー要素を DOM ツリー内の別のセクションに移動します (親を変更します
*)。
*/
Calendar.prototype.reparent = function (new_parent) {
var el = this.element;
el.parentNode.removeChild(el);
new_parent.appendChild(el);
};
// カレンダーが表示されている場合、ユーザーが
// ドキュメント内の任意の場所でマウス ボタンを押すと、これが呼び出されます。クリックが開いた
// カレンダーの外にあった場合、この関数によりカレンダーが閉じられます。
Calendar._checkCalendar = function(ev) {
var Calendar = window._dynarch_popupCalendar;
if (!calendar) {
return false;
}
var el = Calendar.is_ie ? Calendar.getElement(ev) : Calendar.getTargetElement(ev);
for (; el != null && el != Calendar.element; el = el.parentNode);
if (el == null) {
// カレンダーを非表示にする closeHandler を呼び出します。
window._dynarch_popupCalendar.callCloseHandler();
return Calendar.stopEvent(ev);
}
};
/**カレンダーを表示します。*/
Calendar.prototype.show = function () {
var rows = this.table.getElementsByTagName("tr");
for (var i = rows.length; i > 0;) {
var row = rows[--i];
Calendar.removeClass(row, "rowhilite");
var セル = row.getElementsByTagName("td");
for (var j = cell.length; j > 0;) {
var cell = cell[--j];
Calendar.removeClass(cell, "hilite");
Calendar.removeClass(cell, "アクティブ");
}
}
this.element.style.display = "ブロック";
this.hidden = false;
if (this.isPopup) {
window._dynarch_popupCalendar = this;
Calendar.addEvent(document, "keydown", Calendar._keyEvent);
Calendar.addEvent(document, "keypress", Calendar._keyEvent);
Calendar.addEvent(document, "mousedown", Calendar._checkCalendar);
}
this.hideShowCovered();
};
/**
* カレンダーを非表示にします。また、TD
* 要素のクラスから「hilite」も削除します。
*/
Calendar.prototype.hide = function () {
if (this.isPopup) {
Calendar.removeEvent(document, "keydown", Calendar._keyEvent);
Calendar.removeEvent(document, "keypress", Calendar._keyEvent);
Calendar.removeEvent(document, "mousedown", Calendar._checkCalendar);
}
this.element.style.display = "なし";
this.hidden = true;
this.hideShowCovered();
};
/**
* 指定された絶対位置でカレンダーを表示します (
* カレンダー要素のスタイル -- 位置プロパティに応じて、これは親を含む四角形に対して相対的な
* になる可能性があることに注意してください)。
*/
Calendar.prototype.showAt = function (x, y) {
var s = this.element.style;
s.left = x + "px";
s.top = y + "px";
this.show();
};
/**指定された要素の近くにカレンダーを表示します。*/
Calendar.prototype.showAtElement = function (el, opts) {
var self = this;
var p = Calendar.getAbsolutePos(el);
if (!opts || typeof opts != "string") {
this.showAt(p.x, p.y + el.offsetHeight);
true を返します。
}
function fixPosition(box) {
if (box.x < 0)
box.x = 0;
if (box.y < 0)
box.y = 0;
var cp = document.createElement("div");
var s = cp.style;
s.position = "絶対";
s.right = s.bottom = s.width = s.height = "0px";
document.body.appendChild(cp);
var br = Calendar.getAbsolutePos(cp);
document.body.removeChild(cp);
if (Calendar.is_ie) {
br.y += document.body.scrollTop;
br.x += document.body.scrollLeft;
} else {
br.y += window.scrollY;
br.x += window.scrollX;
}
var tmp = box.x + box.width - br.x;
if (tmp > 0) box.x -= tmp;
tmp = box.y + box.height - br.y;
if (tmp > 0) box.y -= tmp;
};
this.element.style.display = "ブロック";
Calendar.continuation_for_the_fucking_khtml_browser = function() {
var w = self.element.offsetWidth;
var h = self.element.offsetHeight;
self.element.style.display = "なし";
var valign = opts.substr(0, 1);
var halign = "l";
if (opts.length > 1) {
halign = opts.substr(1, 1);
}
// 垂直配置
switch (valign) {
case "T": p.y -= h;壊す;
ケース "B": p.y += el.offsetHeight;壊す;
ケース "C": p.y += (el.offsetHeight - h) / 2;壊す;
case "t": p.y += el.offsetHeight - h;壊す;
ケース "b": ブレーク; // すでにそこにあります
}
// 水平方向の配置
switch (halign) {
case "L": p.x -= w;壊す;
ケース "R": p.x += el.offsetWidth;壊す;
ケース "C": p.x += (el.offsetWidth - w) / 2;壊す;
case "l": p.x += el.offsetWidth - w;壊す;
ケース「r」: ブレーク; // すでにそこにあります
}
p.width = w;
p.height = h + 40;
self.monthsCombo.style.display = "なし";
fixPosition(p);
self.showAt(p.x, p.y);
};
if (Calendar.is_khtml)
setTimeout("Calendar.continuation_for_the_fucking_khtml_browser()", 10);
else
Calendar.continuation_for_the_fucking_khtml_browser();
};
/**日付形式をカスタマイズします。*/
Calendar.prototype.setDateFormat = function (str) {
this.dateFormat = str;
};
/**ツールチップの日付形式をカスタマイズします。*/
Calendar.prototype.setTtDateFormat = function (str) {
this.ttDateFormat = str;
};
/**
* 文字列で表される日付を識別しようとします。成功した場合、
* は this.setDate を呼び出し、カレンダーを指定された日付に移動します。
*/
Calendar.prototype.parseDate = function(str, fmt) {
if (!fmt)
fmt = this.dateFormat;
this.setDate(Date.parseDate(str, fmt));
};
Calendar.prototype.hideShowCovered = function () {
if (!Calendar.is_ie && !Calendar.is_opera)
return;
function getVisib(obj){
var value = obj.style.visibility;
if (!value) {
if (document.defaultView && typeof (document.defaultView.getComputedStyle) == "関数") { // Gecko、W3C
if (!Calendar.is_khtml)
value = document.defaultView.
getComputedStyle(obj, "").getPropertyValue("visibility");
else
value = '';
} else if (obj.currentStyle) { // IE
value = obj.currentStyle.visibility;
} else
value = '';
}
戻り値;
};
var tags = new Array("アプレット", "iframe", "select");
var el = this.element;
var p = Calendar.getAbsolutePos(el);
var EX1 = p.x;
var EX2 = el.offsetWidth + EX1;
var EY1 = 年;
var EY2 = el.offsetHeight + EY1;
for (var k = tags.length; k > 0; ) {
var ar = document.getElementsByTagName(tags[--k]);
var cc = null;
for (var i = ar.length; i > 0;) {
cc = ar[--i];
p = Calendar.getAbsolutePos(cc);
var CX1 = p.x;
var CX2 = cc.offsetWidth + CX1;
var CY1 = 年;
var CY2 = cc.offsetHeight + CY1;
if (this.hidden || (CX1 > EX2) || (CX2 < EX1) || (CY1 > EY2) || (CY2 < EY1)) {
if (!cc.__msh_save_visibility) {
cc.__msh_save_visibility = getVisib(cc);
}
cc.style.visibility = cc.__msh_save_visibility;
} else {
if (!cc.__msh_save_visibility) {
cc.__msh_save_visibility = getVisib(cc);
}
cc.style.visibility = "非表示";
}
}
}
};
/**内部関数。曜日の名前がバーに表示されます。*/
Calendar.prototype._displayWeekdays = function () {
var fdow = this.firstDayOfWeek;
var cell = this.firstdayname;
var 週末 = Calendar._TT["WEEKEND"];
for (var i = 0; i <7; ++i) {
cell.className = "曜日名";
var realday = (i + fdow) % 7;
if (i) {
cell.ttip = Calendar._TT["DAY_FIRST"].replace("%s", Calendar._DN[realday]);
cell.navtype = 100;
cell.calendar = これ;
cell.fdow = リアルデイ;
Calendar._add_evs(セル);
}
if (weekend.indexOf(realday.toString()) != -1) {
Calendar.addClass(cell, "weekend");
}
cell.innerHTML = Calendar._SDN[(i + fdow) % 7];
セル = cell.nextSibling;
}
};
/**内部関数。表示される可能性のあるすべてのコンボ ボックスを非表示にします。*/
Calendar.prototype._hideCombos = function () {
this.monthsCombo.style.display = "none";
this.yearsCombo.style.display = "なし";
};
/**内部関数。要素のドラッグを開始します。*/
Calendar.prototype._dragStart = function (ev) {
if (this.dragging) {
return;
}
this.dragging = true;
var posX;
変数の位置;
if (Calendar.is_ie) {
posY = window.event.clientY + document.body.scrollTop;
posX = window.event.clientX + document.body.scrollLeft;
} else {
posY = ev.clientY + window.scrollY;
posX = ev.clientX + window.scrollX;
}
var st = this.element.style;
this.xOffs = posX - parseInt(st.left);
this.yOffs = posY - parseInt(st.top);
with (カレンダー) {
addEvent(document, "mousemove", calDragIt);
addEvent(document, "mouseup", calDragEnd);
}
};
// BEGIN: 日付オブジェクトパッチ
/**日数の配列を Date オブジェクトに追加します。*/
Date._MD = new Array(31,28,31,30,31,30,31,31,30,31,30,31);
/**時間の計算に使用される定数*/
Date.SECOND = 1000 /* ミリ秒 */;
日付.分 = 60 * 日付.秒;
日付.時間 = 60 * 日付.分;
日付.DAY = 24 * 日付.時間;
日付.WEEK = 7 * 日付.DAY;
Date.parseDate = function(str, fmt) {
var today = new Date();
変数y = 0;
var m = -1;
var d = 0;
var a = str.split(/W+/);
var b = fmt.match(/%./g);
var i = 0、j = 0;
var hr = 0;
var min = 0;
for (i = 0; i < a.length; ++i) {
if (!a[i])
続行;
switch (b[i]) {
case "%d":
case "%e":
d = parseInt(a[i], 10);
休憩;
case "%m":
m = parseInt(a[i], 10) - 1;
休憩;
ケース "%Y":
ケース "%y":
y = parseInt(a[i], 10);
(y < 100) && (y += (y > 29) ? 1900 : 2000);
休憩;
case "%b":
case "%B":
for (j = 0; j < 12; ++j) {
if (Calendar._MN[j].substr(0, a[i]. length).toLowerCase() == a[i].toLowerCase()) { m = j;壊す; }
}
休憩;
ケース "%H":
ケース "%I":
ケース "%k":
ケース "%l":
hr = parseInt(a[i], 10);
休憩;
case "%P":
case "%p":
if (/pm/i.test(a[i]) && hr < 12)
hr += 12;
else if (/am/i.test(a[i]) && hr >= 12)
hr -= 12;
休憩;
case "%M":
min = parseInt(a[i], 10);
休憩;
}
}
if (isNaN(y)) y = today.getFull Year();
if (isNaN(m)) m = today.getMonth();
if (isNaN(d)) d = today.getDate();
if (isNaN(hr)) hr = today.getHours();
if (isNaN(min)) min = today.getMinutes();
if (y != 0 && m != -1 && d != 0)
return new Date(y, m, d, hr, min, 0);
y = 0; m = -1; d = 0;
for (i = 0; i < a.length; ++i) {
if (a[i].search(/[a-zA-Z]+/) != -1) {
var t = -1;
for (j = 0; j < 12; ++j) {
if (Calendar._MN[j].substr(0, a[i].length).toLowerCase() == a[i].toLowerCase ()) { t = j;壊す;
}
if (t != -1) {
if (m != -1) {
d = m+1;
}
m = t;
}
} else if (parseInt(a[i], 10) <= 12 && m == -1) {
m = a[i]-1;
} else if (parseInt(a[i], 10) > 31 && y == 0) {
y = parseInt(a[i], 10);
(y < 100) && (y += (y > 29) ? 1900 : 2000);
} else if (d == 0) {
d = a[i];
}
}
if (y == 0)
y = today.getFull Year();
if (m != -1 && d != 0)
return new Date(y, m, d, hr, min, 0);
今日帰ります。
};
/**当月の日数を返します*/
Date.prototype.getMonthDays = function(month) {
var year = this.getFull Year();
if (月の種類 == "未定義") {
月 = this.getMonth();
}
if (((0 == (年%4)) && ( (0 != (年%100)) || (0 == (年%400)))) && 月 == 1) {
29 を返します。
} else {
return Date._MD[月];
}
};
/**年の日数を返します。*/
Date.prototype.getDayOf Year = function() {
var now = new Date(this.getFull Year(), this.getMonth(), this.getDate(), 0, 0, 0 );
var then = new Date(this.getFull Year(), 0, 0, 0, 0, 0);
var time = 今 - 当時;
return Math.floor(time / Date.DAY);
};
/**ISO 8601 で定義されているように、年の週番号を返します。*/
Date.prototype.getWeekNumber = function() {
var d = new Date(this.getFull Year(), this.getMonth(), this.getDate(), 0, 0, 0 );
var DoW = d.getDay();
d.setDate(d.getDate() - (DoW + 6) % 7 + 3); // 最も近い木曜日
var ms = d.valueOf(); // GMT
d.setMonth(0);
d.setDate(4); // 第 1 週の木曜日
return Math.round((ms - d.valueOf()) / (7 * 864e5)) + 1;
};
/**日付と時刻が等しいことを確認します*/
Date.prototype.equalsTo = function(date) {
return ((this.getFull Year() == date.getFull Year()) &&
(this.getMonth() == 日付。 getMonth()) &&
(this.getDate() == date.getDate()) &&
(this.getHours() == date.getHours()) &&
(this.getMinutes() == date.getMinutes( )));
};
/**年、月、日の部分のみを設定（既存の時刻はそのまま）*/
Date.prototype.setDateOnly = function(date) {
var tmp = new Date(date);
this.setDate(1);
this.setFull Year(tmp.getFull Year());
this.setMonth(tmp.getMonth());
this.setDate(tmp.getDate());
};
/**指定された形式に従って文字列内の日付を出力します。*/
Date.prototype.print = function (str) {
var m = this.getMonth();
var d = this.getDate();
var y = this.getFull Year();
var wn = this.getWeekNumber();
var w = this.getDay();
var s = {};
var hr = this.getHours();
var pm = (hr >= 12);
var ir = (午後) ? (時間 - 12) : 時間;
var dy = this.getDayOfyear();
if (ir == 0)
ir = 12;
var min = this.getMinutes();
var sec = this.getSeconds();
s["%a"] = カレンダー._SDN[w]; // 曜日の短縮名 [FIXME: I18N]
s["%A"] = Calendar._DN[w]; // 完全な曜日名
s["%b"] = Calendar._SMN[m]; // 月の短縮名 [FIXME: I18N]
s["%B"] = Calendar._MN[m]; // 完全な月名
// FIXME: %c : 現在のロケールで優先される日付と時刻の表現
s["%C"] = 1 + Math.floor(y / 100); // 世紀番号
s["%d"] = (d < 10) ? ("0" + d) : d; // 月の日 (01 から 31 の範囲)
s["%e"] = d; // 月の日付 (1 ～ 31 の範囲)
// FIXME: %D : アメリカの日付スタイル: %m/%d/%y
// FIXME: %E, %F, %G, %g, %h (man strftime)
s["%H"] = (hr < 10) ? ("0" + 時間) : 時間; // 時間、範囲は 00 ～ 23 (24 時間形式)
s["%I"] = (ir < 10) ? ("0" + ir) : ir; // 時間、範囲 01 から 12 (12 時間形式)
s["%j"] = (dy < 100) ? ((dy < 10) ? ("00" + dy) : ("0" + dy)) : dy; // 年間通算日 (001 ～ 366 の範囲)
s["%k"] = hr; // 時間、範囲 0 ～ 23 (24 時間形式)
s["%l"] = ir; // 時間、範囲は 1 ～ 12 (12 時間形式)
s["%m"] = (m < 9) ? ("0" + (1+m)) : (1+m); // 月、範囲は 01 から 12
s["%M"] = (min < 10) ? ("0" + 分) : 分; // 分、範囲は 00 ～ 59
s["%n"] = "n"; // 改行文字
s["%p"] = pm ? "午後" : "午前";
s["%P"] = 午後 ? "午後" : "午前";
// FIXME: %r : am/pm 表記の時刻 %I:%M:%S %p
// FIXME: %R : 24 時間表記の時刻 %H:%M
s["% s"] = Math.floor(this.getTime() / 1000);
s["%S"] = (秒 < 10) ? ("0" + 秒) : 秒; // 秒、範囲は 00 ～ 59
s["%t"] = "t"; // タブ文字
// FIXME: %T : 24 時間表記の時刻 (%H:%M:%S)
s["%U"] = s["%W"] = s[" %V"] = (wn < 10) ? ("0" + wn) : wn;
s["%u"] = w + 1; // 曜日 (1 ～ 7 の範囲、1 = 月)
s["%w"] = w; // 曜日 (範囲 0 ～ 6、0 = SUN)
// FIXME: %x : 時刻を含まない現在のロケールの優先日付表現
// FIXME: %X : 現在のロケールの優先時刻表現日付なし
s["%y"] = ('' + y).substr(2, 2); // 世紀を除いた年 (00 ～ 99 の範囲)
s["%Y"] = y; // 世紀付きの年
s["%%"] = "%"; // リテラル '%' 文字
var re = /%./g;
if (!Calendar.is_ie5 && !Calendar.is_khtml)
return str.replace(re, function (par) { return s[par] || par; });
var a = str.match(re);
for (var i = 0; i var tmp = s[a[i]];
if (tmp) {
re = new RegExp(a[i], 'g');
str = str.replace(re, tmp);
}
}
戻り値
};
Date.prototype.__msh_oldSetFull Year = Date.prototype.setFull Year;
Date.prototype.setFullyear = function(y) {
var d = new Date(this);
d.__msh_oldSetFullyear(y);
if (d.getMonth() != this.getMonth())
this.setDate(28);
this.__msh_oldSetFullyear(y);
};
// END: DATE OBJECT PATCHES
// カレンダーを記憶するグローバルオブジェクト
window._dynarch_popupCalendar = null;
//********* Calendar.js 終了 ********************
/* 著作権 Mihai Bazon, 2002, 2003 | http://dynarch.com/mishoo/
* -------------------------------------- -------------------------------------
*
* DHTML カレンダー
*
* 詳細と最新バージョンは:
* http://dynarch.com/mishoo/calendar.epl
*
* このスクリプトは、GNU Lesser General Public License に基づいて配布されています。
* ここでライセンスの全文をお読みください: http://www.gnu.org/licenses/lgpl.html
*
* このファイルは、カレンダーを設定するためのヘルパー関数を定義します。これらは
* 非プログラマーが自分のサイトで機能するカレンダーを迅速に取得できるように
* することを目的としています。このスクリプトはカレンダーの一部として見るべきではありません。カレンダーで何ができるかを示すだけです
* と同時に、カレンダーを設定するための迅速かつ簡単な方法も提供します
*。カレンダー作成プロセスの
* 徹底的なカスタマイズが必要な場合は、ニーズに合わせて自由に
* このコードを変更してください (これは推奨されており、calendar.js 自体を変更するよりもはるかに優れています
*)。
*/
// $Id: Calendar-setup.js,v 1.25 2005/03/07 09:51:33 ミシュー Exp $
/**
* この関数は、日付選択にカレンダー
* ウィジェットを使用するために入力フィールド (または他の要素) を「パッチ」します。
*
* 「params」は、次のプロパティを持つことができる単一のオブジェクトです:
*
* プロパティ。名前 |説明
* ----------------------------------------------- --------------------------------------------------
* 入力フィールド |日付を保存する入力フィールドの ID
* displayArea |日付を表示する DIV またはその他の要素の ID
* ボタン |カレンダーをトリガーするボタンまたはその他の要素の ID
*eventName |カレンダーをトリガーするイベント。「on」プレフィックスなし (デフォルト: 「click」)
* ifFormat |入力フィールドに保存される日付形式
* daFormat | displayArea に日付を表​​示するために使用される日付形式
* singleClick | (true/false) カレンダーがシングルクリック モードであるかどうか (デフォルト: true)
* firstDay |数値: 0 ～ 6。「0」は日曜日を最初に表示することを意味し、「1」は月曜日を最初に表示することを意味します。アライメント (デフォルト: "Br");これが何なのかわからない場合は、カレンダーのドキュメントを参照してください
* range | 2つの要素を持つ配列。デフォルト: [1900, 2999] -- 使用可能な年の範囲
* weekNumbers | (true/false) true (デフォルト) の場合、カレンダーには週番号が表示されます
* flat | null または要素 ID。 null でない場合、カレンダーは指定された ID を持つ親を持つフラット カレンダーになります
* flatCallback | JS Date オブジェクトを受け取り、ブラウザーが指す URL を返す関数 (フラット カレンダーの場合)
* disableFunc | JS Date オブジェクトを受け取り、その日付をカレンダーで無効にする必要がある場合に true を返す関数
* onSelect |日付が選択されたときに呼び出される関数。これを指定する必要はありません (通常はデフォルトで問題ありません)
* onClose |カレンダーが閉じられたときに呼び出される関数。 [デフォルト]
* onUpdate |入力フィールドの日付が更新された後に呼び出される関数。カレンダーへの参照を受け取ります。
* 日付 |カレンダーが最初に表示される日付
* showsTime |デフォルト: false; true の場合、カレンダーには時間セレクターが含まれます
* timeFormat |時間形式。 「12」または「24」を指定できます。デフォルトは「12」です
* electric | true (デフォルト) の場合、指定されたフィールド/日付領域は移動ごとに更新されます。それ以外の場合は、閉じる
* ステップ | でのみ更新されます。ドロップダウン ボックスで年のステップを構成します。デフォルト: 2
* 位置 |カレンダーの絶対位置を設定します。デフォルト: null
* キャッシュ | 「true」の場合 (ただしデフォルトは「false」)、可能な場合は同じカレンダー オブジェクトを再利用します
* showOthers | 「true」の場合 (デフォルトは「false」)、他の月の日も表示されます
*
* どれも必須ではなく、すべてデフォルト値があります。ただし、
* "inputField"、"displayArea"、または "button" のいずれも渡さない場合は、「何もセットアップする必要がありません」という警告
* が表示されます。
*/
Calendar.setup = function (params) {
function param_default(pname, def) { if (typeof params[pname] == "未定義") { params[pname] = def; } };
param_default("入力フィールド", null);
param_default("表示領域", null);
param_default("ボタン", null);
param_default("イベント名", "クリック");
param_default("ifFormat", "%Y/%m/%d");
param_default("daFormat", "%Y/%m/%d");
param_default("singleClick", true);
param_default("disableFunc", null);
param_default("dateStatusFunc", params["disableFunc"]); // 両方が定義されている場合は優先されます
param_default("dateText", null);
param_default("firstDay", null);
param_default("整列", "Br");
param_default("範囲", [1900, 2999]);
param_default("weekNumbers", true);
param_default("フラット", null);
param_default("フラットコールバック", null);
param_default("onSelect", null);
param_default("onClose", null);
param_default("onUpdate", null);
param_default("日付", null);
param_default("showsTime", false);
param_default("timeFormat", "24");
param_default("電気", true);
param_default("ステップ", 2);
param_default("位置", null);
param_default("キャッシュ", false);
param_default("showOthers", false);
param_default("複数", null);
var tmp = ["inputField", "displayArea", "button"];
for (var i in tmp) {
if (typeof params[tmp[i]] == "文字列") {
params[tmp[i]] = document.getElementById(params[tmp[i]]);
}
}
if (!(params. flat || params.multiple || params.inputField || params.displayArea || params.button)) {
alert("Calendar.setup:n 設定するものはありません (フィールドはありません)見つかりました）。コードを確認してください。」）
false を返します。
}
関数 onSelect(cal) {
var p = cal.params;
var update = (cal.dateClicked || p.electric);
if (update && p.inputField) {
p.inputField.value = cal.date.print(p.ifFormat);
if (typeof p.inputField.onchange == "関数")
p.inputField.onchange();
}
if (update && p.displayArea)
p.displayArea.innerHTML = cal.date.print(p.daFormat);
if (更新 && typeof p.onUpdate == "関数")
p.onUpdate(cal);
if (update && p. flat) {
if (typeof p. flatCallback == "関数")
p. flatCallback(cal);
}
if (更新 && p.singleClick && cal.dateClicked)
cal.callCloseHandler();
};
if (params. flat != null) {
if (typeof params. flat == "string")
params. flat = document.getElementById(params. flat);
if (!params. flat) {
alert("Calendar.setup:n Flat が指定されましたが、親が見つかりません。");
false を返します。
}
var cal = new Calendar(params.firstDay, params.date, params.onSelect || onSelect);
cal.showsOtherMonths = params.showOthers;
cal.showsTime = params.showsTime;
cal.time24 = (params.timeFormat == "24");
cal.params = パラメータ;
cal.weekNumbers = params.weekNumbers;
cal.setRange(params.range[0], params.range[1]);
cal.setDateStatusHandler(params.dateStatusFunc);
cal.getDateText = params.dateText;
if (params.ifFormat) {
cal.setDateFormat(params.ifFormat);
}
if (params.inputField && typeof params.inputField.value == "string") {
cal.parseDate(params.inputField.value);
}
cal.create(params. flat);
cal.show();
false を返します。
}
vartriggerEl = params.button || params.displayArea || params.inputField;
triggerEl["on" + params.eventName] = function() {
var dateEl = params.inputField || params.displayArea;
var dateFmt = params.inputField ? params.ifFormat : params.daFormat;
varmustCreate = false;
var cal = window.calendar;
if (dateEl)
params.date = Date.parseDate(dateEl.value || dateEl.innerHTML, dateFmt);
if (!(cal && params.cache)) {
window.calendar = cal = new Calendar(params.firstDay,
params.date,
params.onSelect || onSelect,
params.onClose || function(cal) { cal.hide() });
cal.showsTime = params.showsTime;
cal.time24 = (params.timeFormat == "24");
cal.weekNumbers = params.weekNumbers;
mustCreate = true;
} else {
if (params.date)
cal.setDate(params.date);
cal.hide();
}
if (params.multiple) {
cal.multiple = {};
for (var i = params.multiple.length; --i >= 0;) {
var d = params.multiple[i];
var ds = d.print("%Y%m%d");
cal.multiple[ds] = d;
}
}
cal.showsOtherMonths = params.showOthers;
cal.yearStep = params.step;
cal.setRange(params.range[0], params.range[1]);
cal.params = パラメータ;
cal.setDateStatusHandler(params.dateStatusFunc);
cal.getDateText = params.dateText;
cal.setDateFormat(dateFmt);
if (mustCreate)
cal.create();
cal.refresh();
if (!params.position)
cal.showAtElement(params.button || params.displayArea || params.inputField, params.align);
else
cal.showAt(params.position[0], params.position[1]);
false を返します。
};
カロリーを返す;
};
//************ Calendar-setup.js END *********************

// ** I18N
// カレンダー big5-utf8 言語
// 著者: Gary Fu、
// エンコード: utf8
// カレンダー自体と同じ条件で配布されます。
// 翻訳者向け: 可能であれば UTF-8 を使用してください。私たちは
// Unicode が真の国際化世界への答えであると強く信じています。また、上記のように
// ヘッダーに連絡先情報を含めてください。
// 完全な曜日名
Calendar._DN = new Array
("星期日",
"星期一",
"星期二",
"星期三",
"星期四",
"星期五",
"星期六",
「星期日」);
// 次の短い日名の配列 (
// 短い月名 _SMN も同様) は絶対に必要なわけではないことに注意してください。ここでは、短い曜日名をカスタマイズする方法の例として
// を示しますが、
// が単にフルネームの最初の N 文字である場合は、単に次のように言えます:
//
// Calendar._SDN_len = N; // 短い曜日名の長さ
// Calendar._SMN_len = N; // 月名の短い長さ
//
// N = 3 の場合、これも必要ありません。これは、
// これより前に作成された翻訳ファイルとの互換性を保つために、
// 存在しない場合は値 3 を想定するためです。特徴。
// 短い日の名前
Calendar._SDN = new Array
("日",
"一",
"二",
"三",
"四",
"五",
"六",
"日");
// 週の最初の日。 「0」は日曜日を最初に表示することを意味し、「1」は
// 月曜日を最初に表示することを意味します。
Calendar._FD = 0;
// 完全な月名
Calendar._MN = new Array
("一月",
"二月",
"三月",
"四月",
"五月",
"六月",
「七月」、
「八月」、
「九月」、
「十月」、
「十一月」、
「十二月」);
// 短い月の名前
Calendar._SMN = new Array
("一月",
"二月",
"三月",
"四月",
"五月",
"六月",
「七月」、
「八月」、
「九月」、
「十月」、
「十一月」、
「十二月」);
// ツールチップ
Calendar._TT = {};
Calendar._TT["INFO"] = "關於";
Calendar._TT["ABOUT"] =
"DHTML Date/Time Selectorn" +
"(c) dynarch.com 2002-2005 / 著者: Mihai Bazonn" + // これを翻訳しないでください ;-)
"最新バージョンについては、http://www.dynarch.com/projects/calendar/n を参照してください。" +
"GNU LGPL で配布されています。詳細については、http://gnu.org/licenses/lgpl.html を参照してください。" +
"nn" +
"日期選擇方法:n" +
"- xab、xbb を使用します按鈕可選擇年份n" +
"- 使用 " + String.fromCharCode(0x2039) + ", " + String.fromCharCode( 0x203a) + " 按鈕可選擇月份n" +
"- 按住上面的按鈕可以加快選取";
Calendar._TT["ABOUT_TIME"] = "nn" +
"時間選擇方法:n" +
"- 點擊任意の時間部份可增加其值n" +
"- 同時按Shiftキー再點擊可減少其值n" +
" - 點擊並拖曳可加快改變的值";
Calendar._TT["PREV_YEAR"] = "上一年 (按住選單)";
Calendar._TT["PREV_MONTH"] = "上一月 (按住選單)";
Calendar._TT["GO_TODAY"] = "今日";
Calendar._TT["NEXT_MONTH"] = "下一月(按住選單)";
Calendar._TT["NEXT_YEAR"] = "下一年 (按住選單)";
Calendar._TT["SEL_DATE"] = "選擇日期";
Calendar._TT["DRAG_TO_MOVE"] = "拖曳";
Calendar._TT["PART_TODAY"] = " (今日)";
// 以下は、「%s」が週の最初の曜日になることを通知するものです
// %s は曜日の名前に置き換えられます。
Calendar._TT["DAY_FIRST"] = "將 %s 顯示在前";
// これはロケールに依存する可能性があります。週末の日を配列
// として指定します。