日历文件

最新推荐文章于 2024-09-14 18:52:56 发布

ma_jun

最新推荐文章于 2024-09-14 18:52:56 发布

阅读量416

点赞数

分类专栏：日历文件文章标签：日历 function class date javascript input

本文链接：https://blog.csdn.net/ma_jun/article/details/4107776

版权

日历文件专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<html>
<head>
<meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">
<title>日历</title>
<style>
TD,INPUT{font-size:9pt;}
td.titleTd{background-color:#5661a8;color:   #ffffff;text-align:center;text-decoration:blink;font-weight:900;};
td{white-space:nowrap};
body{margin-left:0;margin-right:0;margin-top=0;margin-bottom=0};
</style>
</head>

<body>
<table   align="center">
    <tr>
        <td   width="50%">
<script   language="javascript" charset='gb2312'>
document.write("<select   name='yearInput'   οnchange='showCalendar()'>");
for (var i=1930;i<2200;i++) {
document.write("<option value='"+i+"'>"+i+"</option>");
}
document.write("</select>");
//document.write("年")
document.write("年<select name='monthInput' οnchange='showCalendar()'>");
for (var i=1;i<13;i++) {
document.write("<option value='"+i+"'>"+i+"</option>");
}
document.write("</select>");
document.write("月");
</script>



        </td>
        <td   align=right>
          <input   type=button   value=今天   οnclick='returnToday();'> 
          <input   type=button   value=返回空   οnclick='returnFun("");'>
        </td>
       </tr>
      </table>
<div id="theCalendar" align="center" width="100%">
</div>
<script language="javascript" charset='gb2312'>
function   showCalendar()
{
var   theCalendarContent="";
var   b=new   Date(yearInput.value+"//"+monthInput.value+"//"+1);
//月份选4时，2009/4/1
var   c=new   Date(yearInput.value+"//"+(monthInput.value*1+1)+"//"+0);
//月份选4时，2009/5/0
// 获取本月内的总天数
var   theMonthDays=c.getDate();
var   i=0;
//返回周几日：0一：1二：2三：3四：4五：5六：6
var   j=b.getDay();
var   k=1;
theCalendarContent+="<table   οndblclick='getTD(event.srcElement)'   οnmοusemοve='changeBgcolor(event.srcElement)'   border=1   style='border:   solid   1   #5661a8;   font-Size:   9pt;   font-family:   Arial;   background:   #e0e3f7'   width='100%'   align='center'>";
theCalendarContent+="<tr   bordercolorlight='#5661a8'   bordercolordark='#5661a8'   ><td   class='titleTd'   >周日</td><td   class='titleTd'   >周一</td><td   class'=titleTd'   >周二</td><td   class='titleTd'   >周三</td><td   class='titleTd'   >周四</td><td   class'=titleTd'   >周五</td><td   class='titleTd'   >周六</td></tr><tr>";
for   (j=0;j<b.getDay();j++)   theCalendarContent+="<td> </td>";
for   (i=0;(i<6)&&(k<theMonthDays+1);i++)
{
for   (j;j<7;j++)
{
if   (k<theMonthDays+1)
{
if   (j<6&&j>0)   theCalendarContent+="<td   bordercolorlight='#5661a8'   align='center'   style='color:#ff0000'>"+(k++)+"</td>";
else   theCalendarContent+="<td   bordercolorlight='#5661a8'   align='center'>"+(k++)+"</td>";
}
else     theCalendarContent+="<td> </td>";
}
theCalendarContent+="</tr><tr>";
j=0;
}
theCalendarContent+="</tr></table>";
theCalendar.innerHTML=theCalendarContent;
}

function   getTD(obj)
{
if   (obj.tagName!="TD")   return   false;
if   (isNaN(obj.innerText)||(obj.innerText==0))   return   false;
var   a=yearInput.value+"-"+monthInput.value+"-"+obj.innerText;
returnFun(a);
}

function   returnToday()//返回当前日期
{
var   todaydate=new   Date();
var   a=todaydate.getFullYear()+"-"+(todaydate.getMonth()+1)+"-"+todaydate.getDate();
returnFun(a);
}

function   initCalendar()//初始化日历
{
//dialogArguments设置或获取传递给模式对话框窗口的变量或变量数组。
var   a=window.dialogArguments;
//a为空
var   b=new   Date();
//当前日期时间
if ((a!=null)&&(a.length>4)){
//当前日期时间
b=new   Date(a);
}
if   (isNaN(b))   b=new   Date();
//getFullYear 方法以绝对数字的形式返回年份值。例如，1976 年的返回值就是 1976。这样可以避免出现 2000 年问题，从而不会将 2000 年1月1日以后的日期与 1900 年1月1日以后的日期混淆起来。
yearInput.value=b.getFullYear();
monthInput.value=(b.getMonth()+1);
showCalendar();
}
initCalendar();
var   theCurrentTd="";//记录当前鼠标所在TD
function   changeBgcolor(obj)//改变当前鼠标所在td的颜色
{
if   ((theCurrentTd!=obj)&&(obj.parentElement.rowIndex!=0))
{
   if(theCurrentTd.tagName=="TD")
   theCurrentTd.style.background="";

   theCurrentTd=obj;

   if(theCurrentTd.tagName=="TD")
   theCurrentTd.style.background="#9999ee";
   }
return   false;
}

function   returnFun(dateStr)
{
window.returnValue=dateStr;
window.close();
}
</script>
</body>
</html>