📄 calendar.js
字号:
thisCalendarObject.style.dayStyle["normal"].cssClass = "dayStyle";
thisCalendarObject.style.dayStyle["hover"].cssClass = "dayHoverStyle";
thisCalendarObject.style.dayStyle["selected"].cssClass = "daySelectedStyle";
thisCalendarObject.style.dayStyle["normal"].align = "center";
thisCalendarObject.style.dayStyle["normal"].vAlign = "middle";
thisCalendarObject.style.todayStyle = new Style();
thisCalendarObject.style.todayStyle["normal"] = new Style();
thisCalendarObject.style.todayStyle["hover"] = new Style();
thisCalendarObject.style.todayStyle["selected"] = new Style();
thisCalendarObject.style.todayStyle.cssClass = "todayStyle";
thisCalendarObject.style.todayStyle["normal"].align = "center";
thisCalendarObject.style.todayStyle["normal"].vAlign = "middle";
thisCalendarObject.style.todayStyle["normal"].cssClass = "todayStyle";
thisCalendarObject.style.todayStyle["hover"].cssClass = "todayHoverStyle";
thisCalendarObject.style.todayStyle["selected"].cssClass = "todaySelectedStyle";
thisCalendarObject.style.previousMonthDayStyle = new Style();
thisCalendarObject.style.previousMonthDayStyle["normal"] = new Style();
thisCalendarObject.style.previousMonthDayStyle["hover"] = new Style();
thisCalendarObject.style.previousMonthDayStyle["selected"] = new Style();
thisCalendarObject.style.previousMonthDayStyle.cssClass = "previousMonthDayStyle";
thisCalendarObject.style.previousMonthDayStyle["normal"].align = "center";
thisCalendarObject.style.previousMonthDayStyle["normal"].vAlign = "middle";
thisCalendarObject.style.previousMonthDayStyle["normal"].cssClass = "previousMonthDayStyle";
thisCalendarObject.style.previousMonthDayStyle["hover"].cssClass = "previousMonthDayHoverStyle";
thisCalendarObject.style.previousMonthDayStyle["selected"].cssClass = "previousMonthDaySelectedStyle";
thisCalendarObject.style.nextMonthDayStyle = new Style();
thisCalendarObject.style.nextMonthDayStyle["normal"] = new Style();
thisCalendarObject.style.nextMonthDayStyle["hover"] = new Style();
thisCalendarObject.style.nextMonthDayStyle["selected"] = new Style();
thisCalendarObject.style.nextMonthDayStyle.cssClass = "nextMonthDayStyle";
thisCalendarObject.style.nextMonthDayStyle["normal"].align = "center";
thisCalendarObject.style.nextMonthDayStyle["normal"].vAlign = "middle";
thisCalendarObject.style.nextMonthDayStyle["normal"].cssClass = "nextMonthDayStyle";
thisCalendarObject.style.nextMonthDayStyle["hover"].cssClass = "nextMonthDayHoverStyle";
thisCalendarObject.style.nextMonthDayStyle["selected"].cssClass = "nextMonthDaySelectedStyle";
thisCalendarObject.style.invalidDayStyle = new Style();
thisCalendarObject.style.invalidDayStyle.cssClass = "invalidDay";
thisCalendarObject.style.invalidDayStyle.align = "center";
thisCalendarObject.style.invalidDayStyle.vAlign = "middle";
thisCalendarObject.style.footerStyle = new Style();
thisCalendarObject.style.footerStyle["selected"] = new Style();
thisCalendarObject.style.footerStyle["today"] = new Style();
thisCalendarObject.style.footerStyle.cssClass = "footerStyle";
thisCalendarObject.style.footerStyle["selected"].cssClass = "selectedDate";
thisCalendarObject.style.footerStyle["today"].cssClass = "selectTodayStyle";
thisCalendarObject.style.footerStyle.cellSpacing = 0;
thisCalendarObject.style.footerStyle.cellPadding = 0;
thisCalendarObject.style.footerStyle.border = 0;
thisCalendarObject.style.footerStyle.brdrColor = "black";
thisCalendarObject.style.footerStyle.height = "100%";
thisCalendarObject.style.closeStyle = new Style();
thisCalendarObject.style.closeStyle.cssClass = "closeStyle";
thisCalendarObject.style.closeStyle.hover = new Style();
thisCalendarObject.style.closeStyle.hover.cssClass = "closeHoverStyle";
thisCalendarObject.style.weekendStyle = {
"enabled": false,
previousMonthDayStyle: {
"normal": new Style(),
"hover": new Style(),
"selected": new Style()
},
dayStyle: {
"normal": new Style(),
"hover": new Style(),
"selected": new Style()
},
nextMonthDayStyle: {
"normal": new Style(),
"hover": new Style(),
"selected": new Style()
},
todayStyle: {
"normal": new Style(),
"hover": new Style(),
"selected": new Style()
},
invalidDayStyle: new Style()
}
thisCalendarObject.style.weekendStyle.previousMonthDayStyle["normal"].cssClass = "previousMonthWeekendStyle";
thisCalendarObject.style.weekendStyle.previousMonthDayStyle["normal"].align = "center";
thisCalendarObject.style.weekendStyle.previousMonthDayStyle["normal"].vAlign = "middle";
thisCalendarObject.style.weekendStyle.previousMonthDayStyle["hover"].cssClass = "previousMonthWeekendHoverStyle";
thisCalendarObject.style.weekendStyle.previousMonthDayStyle["selected"].cssClass = "previousMonthWeekendSelectedStyle";
thisCalendarObject.style.weekendStyle.dayStyle["normal"].cssClass = "weekendStyle";
thisCalendarObject.style.weekendStyle.dayStyle["normal"].align = "center";
thisCalendarObject.style.weekendStyle.dayStyle["normal"].vAlign = "middle";
thisCalendarObject.style.weekendStyle.dayStyle["hover"].cssClass = "weekendHoverStyle";
thisCalendarObject.style.weekendStyle.dayStyle["selected"].cssClass = "weekendSelectedStyle";
thisCalendarObject.style.weekendStyle.nextMonthDayStyle["normal"].cssClass = "nextMonthWeekendStyle";
thisCalendarObject.style.weekendStyle.nextMonthDayStyle["normal"].align = "center";
thisCalendarObject.style.weekendStyle.nextMonthDayStyle["normal"].vAlign = "middle";
thisCalendarObject.style.weekendStyle.nextMonthDayStyle["hover"].cssClass = "nextMonthWeekendHoverStyle";
thisCalendarObject.style.weekendStyle.nextMonthDayStyle["selected"].cssClass = "nextMonthWeekendSelectedStyle";
thisCalendarObject.style.weekendStyle.todayStyle["normal"].cssClass = "todayWeekendStyle";
thisCalendarObject.style.weekendStyle.todayStyle["normal"].align = "center";
thisCalendarObject.style.weekendStyle.todayStyle["normal"].vAlign = "middle";
thisCalendarObject.style.weekendStyle.todayStyle["hover"].cssClass = "todayWeekendHoverStyle";
thisCalendarObject.style.weekendStyle.todayStyle["selected"].cssClass = "todayWeekendSelectedStyle";
thisCalendarObject.style.weekendStyle.invalidDayStyle.cssClass = "invalidDayWeekendStyle";
thisCalendarObject.dynamicPosition = true;
thisCalendarObject.offsetX = 0;
thisCalendarObject.offsetY = 0;
thisCalendarObject.visible = {
"previousMonth": true,
"nextMonth": true,
"previousYear": false,
"nextYear": false,
"header": true,
"title": true,
"previousMonthDays": false,
"nextMonthDays": false,
"footer": true,
"close": true
}
thisCalendarObject.text = {
"nextYear": ">>",
"previousYear": "<<",
"nextMonth": ">",
"previousMonth": "<",
"close": "关闭"
}
thisCalendarObject.toolTips = {
"close": "关闭",
"date": "选择YYYY年MMM%d日",
"selectToday": "选择今天",
"nextMonth": "下个月",
"previousMonth": "上个月",
"nextYear": "明年",
"previousYear": "去年",
"invalidDate": "不能选择日期YYYY年MMM%d日"
}
thisCalendarObject.firstDayOfWeek = 0;
thisCalendarObject.selectableDateRange = {
"beginDate": "",
"endDate": ""
}
thisCalendarObject.format = {
"header": "FullMonthYear", //valid format includes "FullMonthYear", "ShortMonthYear", "MonthYear", "FullMonth", "ShortMonth", "Month", by default "Month";
"title": "Day", //valid format includes "FullDay", "ShortDay", "Day", by default "ShortDay";
"calendarBody": "%d",
footer: {
"selected": "YYYY/%M/%d",
"today": "YYYY/%M/%d"
},
"selected": "YYYY/%M/%d"
}
thisCalendarObject.monthNames = ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"];
thisCalendarObject.abbreviatedMonthNames = ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"];
thisCalendarObject.dayNames = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
thisCalendarObject.abbreviatedDayNames = ["日", "一", "二", "三", "四", "五", "六"];
thisCalendarObject.shortDayNames = ["日", "一", "二", "三", "四", "五", "六"];
//private properties
thisCalendarObject.previousSelectedDate = thisCalendarObject.selectedDate;
//methods
thisCalendarObject.show = show;
thisCalendarObject.previousMonth = previousMonth;
thisCalendarObject.nextMonth = nextMonth;
thisCalendarObject.previousYear = previousYear;
thisCalendarObject.nextYear = nextYear;
thisCalendarObject.hoverPreviousMonthDay = hoverPreviousMonthDay;
thisCalendarObject.hoverDay = hoverDay;
thisCalendarObject.hoverNextMonthDay = hoverNextMonthDay;
thisCalendarObject.hoverToday = hoverToday;
thisCalendarObject.normalizePreivousMonthDay = normalizePreivousMonthDay;
thisCalendarObject.normalizeDay = normalizeDay;
thisCalendarObject.normalizeNextMonthDay = normalizeNextMonthDay;
thisCalendarObject.normalizeToday = normalizeToday;
thisCalendarObject.selectDate = selectDate;
function hoverPreviousMonthDay(obj) {
if (obj.className == thisCalendarObject.style.previousMonthDayStyle["normal"].cssClass)
obj.className = thisCalendarObject.style.previousMonthDayStyle["hover"].cssClass;
else if (obj.className == thisCalendarObject.style.weekendStyle.previousMonthDayStyle["normal"].cssClass)
obj.className = thisCalendarObject.style.weekendStyle.previousMonthDayStyle["hover"].cssClass;
}
function normalizePreivousMonthDay(obj) {
if (obj.className == thisCalendarObject.style.previousMonthDayStyle["hover"].cssClass)
obj.className = thisCalendarObject.style.previousMonthDayStyle["normal"].cssClass;
else if (obj.className == thisCalendarObject.style.weekendStyle.previousMonthDayStyle["hover"].cssClass)
obj.className = thisCalendarObject.style.weekendStyle.previousMonthDayStyle["normal"].cssClass;
}
function hoverDay(obj) {
if (obj.className == thisCalendarObject.style.dayStyle["normal"].cssClass)
obj.className = thisCalendarObject.style.dayStyle["hover"].cssClass;
else if (obj.className == thisCalendarObject.style.weekendStyle.dayStyle["normal"].cssClass)
obj.className = thisCalendarObject.style.weekendStyle.dayStyle["hover"].cssClass;
}
function normalizeDay(obj) {
if (obj.className == thisCalendarObject.style.dayStyle["hover"].cssClass)
obj.className = thisCalendarObject.style.dayStyle["normal"].cssClass;
else if (obj.className == thisCalendarObject.style.weekendStyle.dayStyle["hover"].cssClass)
obj.className = thisCalendarObject.style.weekendStyle.dayStyle["normal"].cssClass;
}
function hoverToday(obj) {
if (obj.className == thisCalendarObject.style.todayStyle["normal"].cssClass)
obj.className = thisCalendarObject.style.todayStyle["hover"].cssClass;
else if (obj.className == thisCalendarObject.style.weekendStyle.todayStyle["normal"].cssClass)
obj.className = thisCalendarObject.style.weekendStyle.todayStyle["hover"].cssClass;
}
function normalizeToday(obj) {
if (obj.className == thisCalendarObject.style.todayStyle["hover"].cssClass)
obj.className = thisCalendarObject.style.todayStyle["normal"].cssClass;
else if (obj.className == thisCalendarObject.style.weekendStyle.todayStyle["hover"].cssClass)
obj.className = thisCalendarObject.style.weekendStyle.todayStyle["normal"].cssClass;
}
function hoverNextMonthDay(obj) {
if (obj.className == thisCalendarObject.style.nextMonthDayStyle["normal"].cssClass)
obj.className = thisCalendarObject.style.nextMonthDayStyle["hover"].cssClass;
else if (obj.className == thisCalendarObject.style.weekendStyle.nextMonthDayStyle["normal"].cssClass)
obj.className = thisCalendarObject.style.weekendStyle.nextMonthDayStyle["hover"].cssClass;
}
function normalizeNextMonthDay(obj) {
if (obj.className == thisCalendarObject.style.nextMonthDayStyle["hover"].cssClass)
obj.className = thisCalendarObject.style.nextMonthDayStyle["normal"].cssClass;
else if (obj.className == thisCalendarObject.style.weekendStyle.nextMonthDayStyle["hover"].cssClass)
obj.className = thisCalendarObject.style.weekendStyle.nextMonthDayStyle["normal"].cssClass;
}
function selectDate(date) {
var obj = document.getElementById(thisCalendarObject.objectName + "_" + thisCalendarObject.formatDate(new Date(date), "YYYY_MM_dd"));
if (obj == null)
return;
else {
var thisDate = new DateTime(thisCalendarObject.previousSelectedDate);
var previousSelectedObject = document.getElementById(thisCalendarObject.objectName + "_" + thisCalendarObject.formatDate(thisCalendarObject.previousSelectedDate, "YYYY_MM_dd"));
if (previousSelectedObject != null) { //normalize previously selected
//alert(thisCalendarObject.previousSelectedObject.id);
if (thisDate.compare("day", new Date()) == 0) {
if (thisCalendarObject.style.weekendStyle.enabled && thisDate.isWeekendDay()) {
previousSelectedObject.className = thisCalendarObject.style.weekendStyle.todayStyle["normal"].cssClass;
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -