JavaScript 寫日曆

原创 2004年01月08日 11:37:00

<title>dwin.net - web application - calendar</title>
<!--
Written by David NG @ http://dwin.net
Copyright(c) 1998-2004 dwin.net all rights reserved

Start: 2003-06-21 00:08
Finish: 2003-06-22 02:50 Calendar

2003-06-22 15:35
Add Time

2003-06-22 18:55
bug fixed

2003-06-23 02:49
bug fixed

2003-06-25 10:10
emulate <select>

2007-08-09 22:16
firefox support :
Remove all VML and other effect which only work on IE to support firefox,
So I can demonstrate the main feature of the calendar.
 -->
<body>
Written by David NG @ <a href="http://dwin.net">http://dwin.net</a><BR>
Copyright(c) 1998-2007 dwin.net all rights reserved<BR><BR>

Check your calendar.<BR>
Using this method to avoid the FOR LOOP while you change the month.

<div style='position:absolute;left:300;top:150;width:200;height:180;overflow:visable'>

 <table style='width:100%;font-size:9pt' >
  <tr>
   <td>
    <input id='yearIpt' style='font-size:9pt' size=5 >
   </td>
   <td>
    <select id='monthSlt' >
     <option>Jan<option>Feb<option>Mar<option>Apr<option>May<option>Jun<option>Jul<option>Aug<option>Sep<option>Oct<option>Nov<option>Dec
    </select>
   </td>
   <td>
    <input type="button" value="change" onclick="ShowDate(document.getElementById('yearIpt').value|0, document.getElementById('monthSlt').selectedIndex+1)" >
   </td>
  </tr>
 </table>

 <div style='position:absolute;left:0;top:25;width:200;height:150;border:2px inset #7A96DF;overflow:visable'>
  <table style='position:absolute;left:0;top:0;width:100%;height:12%;color:#D8E4F8;background:#7A96DF;font-size:9pt;text-align:center'><tr><td width="14.29%">S</td><td width="14.29%">M</td><td width="14.29%">T</td><td width="14.29%">W</td><td width="14.29%">T</td><td width="14.29%">F</td><td>S</td></tr></table>
  <div id='calendarDiv' style='position:absolute;left:0;top:18%;width:200%;height:82%;border:1px solid red'>
   <script>
   iHTML = "<table style='position:absolute;left:6.25%;top:0;width:93.75%;height:100%;font-size:9pt;text-align:center;' cellSpacing=0>";
   for( i=0; i<6; i++ )
    iHTML += "<td>&nbsp;</td>";
   for( i=1; i<56; i++ )
   {
    if( (i+5)%13 == 0 )
     iHTML += "</tr><tr>";
    iHTML += "<td>"+ (i-6*parseInt((i+5)/13)) +"</td>";
   }
   for( i=0; i<4; i++ )
    iHTML += "<td>&nbsp;</td>";
   iHTML += "<tr><td>30</td><td>31</td>"
   for( i=0; i<11; i++ )
    iHTML += "<td>&nbsp;</td>";
   iHTML += "</tr></table>"
   document.write(iHTML)
   </script>
  </div>
 </div>
</div>

 

 

<script>

function ShowDate( iYear, iMonth )
{
 var firstDay = 7-new Date(iYear,iMonth-1).getDay();
 document.getElementById('calendarDiv').style.left = -document.getElementById('calendarDiv').offsetWidth* (1/14) *firstDay;
}

 

window.onload = function()
{
 var t = new Date()
 document.getElementById('yearIpt').value = t.getFullYear();
 document.getElementById('monthSlt').selectedIndex = t.getMonth();
 ShowDate(t.getFullYear(),t.getMonth()+1);
}

</script>

JavaScript 寫時鍾日曆

另一種日曆寫法!效率很不錯的哦。  http://dwin.nethttp://dewin.tkCopyright(c) 1998-2004 dewin all rights reserve...
  • zgqtxwd
  • zgqtxwd
  • 2008年04月24日 19:16
  • 147

在 Outlook 和 Google Calendar 之间传输日历

在 Outlook 和 Google Calendar 之间传输日历适用于: Microsoft Office Outlook 2007 将日历从 Google Calendar 导入 Outlook...
  • seapen
  • seapen
  • 2011年03月16日 09:59
  • 2821

JavaScript精简学习3:图像

36 读取图像属性 1: 2: Width 3: 37 动态加载图像 1: 2: myImage = new Image; 3: myImage.src = “Tellers1....
  • ahoal
  • ahoal
  • 2011年10月16日 20:19
  • 205

日曆控件

1.UCCalendar.ascx function CheckDate(o){   var Str=new String;   var StrEnd = new String;   Str = o....
  • huanghui22
  • huanghui22
  • 2004年11月12日 15:44
  • 711

javaScript startWith() endWith()

http://xuxl.iteye.com/blog/883649   精确匹配,区分大小写: String.prototype.endWith=function(str){ if(s...
  • leocat2011
  • leocat2011
  • 2012年08月05日 17:41
  • 1132

JavaScript显示日期-曜日

html> html lang="en"> head> meta charset="UTF-8"> title>显示星期title> head> body> script> v...
  • wfh_fighting
  • wfh_fighting
  • 2016年10月31日 21:24
  • 96

新历(公历、西历)转换农历(精确…

//农历转换函数 - (NSString *)LunarForSolar:(NSDate *)solarDate {     //天干名称     NSArray *cTianGan = [NSArr...
  • a416863220
  • a416863220
  • 2014年11月14日 09:39
  • 699

J2EE工程+Log4j日志

1.首先在WEB.XML中加上    log4j-init   com.koal.ceshi.Log4jInit      log4j-init-file   /WEB-INF/...
  • xiaxiaorui2003
  • xiaxiaorui2003
  • 2009年08月20日 15:13
  • 2573

日曆控件10/11

VS.NET有自帶的日曆控件,但是用起來總是那麽不盡人意今天在一位熱心網友的幫助下找到了meizz (梅花雪) 用javascript寫的日曆控件http://search.csdn.net/Expe...
  • daisylh
  • daisylh
  • 2005年10月11日 18:15
  • 1275

Javascript 彈出日曆并返回值,Calendar控件

//子窗體日曆控件事件  protected void Calendar1_DayRender(object sender, DayRenderEventArgs e)     {       ...
  • zrh1121
  • zrh1121
  • 2015年07月15日 10:58
  • 329
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaScript 寫日曆
举报原因:
原因补充:

(最多只允许输入30个字)