📄 dcal.htm
字号:
<html>
<title>Selecteer datum</title>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
td{font-size:9pt}
</style>
<script language="javascript">
function Click(){
document.all.BB.Click();
window.event.returnValue=false;
}
document.oncontextmenu=Click;
</script>
<SCRIPT LANGUAGE="JavaScript">
var thisobj=new Object();
var winobj=new Object();
var docobj=new Object();
var dreset='';
var tfilter='';
var tcolor='#00ffff';
var dDate = new Date();
var dCurMonth = dDate.getMonth();
var dCurDayOfMonth = dDate.getDate();
var dCurYear = dDate.getFullYear();
var objPrevElement = new Object();
var objFontColor = "#ffffff"
function fToggleColor(myElement){
var toggleColor = "#ff0000";
if (myElement.id == "calDateText") {
if (myElement.color == toggleColor) {
myElement.color = "";
} else {
myElement.color = toggleColor;
}
} else if (myElement.id == "calCell") {
for (var i in myElement.children) {
if (myElement.children[i].id == "calDateText") {
if (myElement.children[i].color == toggleColor) {
myElement.children[i].color = "";
} else {
myElement.children[i].color = toggleColor;
}
}
}
}
}
function fSetSelectedDay(myElement){
if(myElement!=null)
if (myElement.id == "calCell") {
if (!isNaN(parseInt(myElement.children["calDateText"].innerText))&&myElement!=objPrevElement) {
objPrevElement.bgColor = "";
if(objPrevElement.style&&myElement!=objPrevElement){
objPrevElement.style.filter="";
objPrevElement.style.color=objFontColor;
}
objFontColor = myElement.style.color;
myElement.bgColor = "#000000";
myElement.style.color="#ffffff";
myElement.style.filter='Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=0, StartY=0, FinishX=0, FinishY=0) ';
//alert(objPrevElement.outerHTML);
document.all.calSelectedDate.value = parseInt(myElement.children["calDateText"].innerText);
//alert(objPrevElement.outerHTML);
objPrevElement = myElement;
document.all.dtime.value=document.all.tbSelYear.value+"-"+document.all.tbSelMonth.value+"-"+myElement.innerText;
//docobj.style.display='none';
//window.parent.calshow=0;
//thisobj.value=document.all.tbSelYear.value+"-"+document.all.tbSelMonth.value+"-"+myElement.innerText;
}
//docobj.style.display='none';
//window.parent.calshow=0;
}
}
function fdbSetSelectedDay(myElement){
if (myElement.id == "calCell") {
if (!isNaN(parseInt(myElement.children["calDateText"].innerText))) {
/* myElement.bgColor = "#000000";
myElement.style.color="#ffffff";
myElement.style.filter='Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=0, StartY=0, FinishX=0, FinishY=0) ';
objPrevElement.bgColor = "";
if(objPrevElement.style&&myElement!=objPrevElement){;objPrevElement.style.filter="";objPrevElement.style.color="#000000";}
document.all.calSelectedDate.value = parseInt(myElement.children["calDateText"].innerText);
objPrevElement = myElement;
document.all.dtime.value=document.all.tbSelYear.value+"-"+document.all.tbSelMonth.value+"-"+myElement.innerText;*/
thisobj.value=document.all.tbSelYear.value+"-"+document.all.tbSelMonth.value+"-"+myElement.innerText;
}
fSelectedDayClose();
}
}
function fSelectedDayClose(){
docobj.style.display='none';
window.parent.calshow=0;
//window.location.reload();
}
function fGetDaysInMonth(iMonth, iYear) {
var dPrevDate = new Date(iYear, iMonth, 0);
return dPrevDate.getDate();
}
function fBuildCal(iYear, iMonth, iDayStyle) {
var aMonth = new Array();
aMonth[0] = new Array(7);
aMonth[1] = new Array(7);
aMonth[2] = new Array(7);
aMonth[3] = new Array(7);
aMonth[4] = new Array(7);
aMonth[5] = new Array(7);
aMonth[6] = new Array(7);
var dCalDate = new Date(iYear, iMonth-1, 1);
var iDayOfFirst = dCalDate.getDay();
var iDaysInMonth = fGetDaysInMonth(iMonth, iYear);
var iVarDate = 1;
var i, d, w;
aMonth[0][0] = "<nobr>星期日</nobr>";
aMonth[0][1] = "<nobr>星期一</nobr>";
aMonth[0][2] = "<nobr>星期二</nobr>";
aMonth[0][3] = "<nobr>星期三</nobr>";
aMonth[0][4] = "<nobr>星期四</nobr>";
aMonth[0][5] = "<nobr>星期五</nobr>";
aMonth[0][6] = "<nobr>星期六</nobr>";
for (d = iDayOfFirst; d < 7; d++) {
aMonth[1][d] = iVarDate;
iVarDate++;
}
for (w = 2; w < 7; w++) {
for (d = 0; d < 7; d++) {
if (iVarDate <= iDaysInMonth) {
aMonth[w][d] = iVarDate;
iVarDate++;
}
}
}
return aMonth;
}
function fDrawCal(iYear, iMonth, iCellWidth, iCellHeight, sDateTextSize, sDateTextWeight, iDayStyle) {
var myMonth;
myMonth = fBuildCal(iYear, iMonth, iDayStyle);
document.write("<table border=0 cellpadding=0 cellspacing=0 style='margin-top:2px;cursor:default'>")
document.write("<tr>");
document.write("<td align='center' style='color:red;border-bottom:1px black solid'>" + myMonth[0][0] + "</td>");
document.write("<td align='center' style='border-bottom:1px black solid'>" + myMonth[0][1] + "</td>");
document.write("<td align='center' style='border-bottom:1px black solid'>" + myMonth[0][2] + "</td>");
document.write("<td align='center' style='border-bottom:1px black solid'>" + myMonth[0][3] + "</td>");
document.write("<td align='center' style='border-bottom:1px black solid'>" + myMonth[0][4] + "</td>");
document.write("<td align='center' style='border-bottom:1px black solid'>" + myMonth[0][5] + "</td>");
document.write("<td align='center' style='color:red;border-bottom:1px black solid'>" + myMonth[0][6] + "</td>");
document.write("</tr>");
for (w = 1; w < 7; w++) {
document.write("<tr>")
for (d = 0; d < 7; d++) {
if(d==0||d==6)
document.write("<td align='center' valign='middle' height='" + iCellHeight + "' id=calCell style='color:red;CURSOR:Hand' onMouseOver='fToggleColor(this)' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this) ondblclick=fdbSetSelectedDay(this)>");
else
document.write("<td align='center' valign='middle' height='" + iCellHeight + "' id=calCell style='CURSOR:Hand' onMouseOver='fToggleColor(this)' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this) ondblclick=fdbSetSelectedDay(this)>");
if (!isNaN(myMonth[w][d])) {
var nDate = new Date();
if(myMonth[w][d]==nDate.getDate())
document.write("<font id=calDateText onMouseOver='fToggleColor(this)' style='CURSOR:Hand;FONT-FAMILY:Arial;FONT-SIZE:" + sDateTextSize + ";FONT-WEIGHT:" + sDateTextWeight + "' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this) ondblclick=fdbSetSelectedDay(this)><table cellpadding=0 cellspacing=0 border=0 width=100% ><tr><td style='filter:Alpha(Opacity=200, FinishOpacity=0, Style=2, StartX=0, StartY=0, FinishX=0, FinishY=0);background-color:red;color:white;CURSOR:Hand;FONT-FAMILY:Arial;FONT-SIZE:" + sDateTextSize + ";FONT-WEIGHT:" + sDateTextWeight + "' width=100% align=center valign=middle>" + myMonth[w][d] + "</td></tr></table></font>");
else
document.write("<font id=calDateText onMouseOver='fToggleColor(this)' style='CURSOR:Hand;FONT-FAMILY:Arial;FONT-SIZE:" + sDateTextSize + ";FONT-WEIGHT:" + sDateTextWeight + "' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this) ondblclick=fdbSetSelectedDay(this)>" + myMonth[w][d] + "</font>");
} else {
document.write("<font id=calDateText onMouseOver='fToggleColor(this)' style='CURSOR:Hand;FONT-FAMILY:Arial;FONT-SIZE:" + sDateTextSize + ";FONT-WEIGHT:" + sDateTextWeight + "' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this) ondblclick=fdbSetSelectedDay(this)> </font>");
}
document.write("</td>")
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -