用JSP实现的一个日历程序

<!-- 显示任意年、月的日历，可选择不同的年、月。author:wildfield --> 
<%@ page language="java" import="java.util.*" %> 
<%! String year; 
  String month; 
%> 
<% month=request.getParameter("month"); 
  year =request.getParameter("year"); 
%> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>日</title> 
<script Language="JavaScript"> 
<!-- 
function changeMonth() 
{ 
var mm="calendar.jsp?month="+document.sm.elements[0].selectedIndex+"&year=" 
+<%=year%>; 
window.open(mm,"_self"); 
} 
//--></script> 
</head> 
<%! String days[]; %> 
<% 
days=new String[42]; 
for(int i=0;i<42;i++) 
 { 
  days[i]=""; 
 } 
%> 
<% 
Calendar thisMonth=Calendar.getInstance(); 
 if(month!=null&&(!month.equals("null"))) 
  thisMonth.set(Calendar.MONTH, Integer.parseInt(month) ); 
 if(year!=null&&(!year.equals("null"))) 
  thisMonth.set(Calendar.YEAR, Integer.parseInt(year) ); 
 year=String.valueOf(thisMonth.get(Calendar.YEAR)); 
month=String.valueOf(thisMonth.get(Calendar.MONTH)); 
thisMonth.setFirstDayOfWeek(Calendar.SUNDAY); 
thisMonth.set(Calendar.DAY_OF_MONTH,1); 
int firstIndex=thisMonth.get(Calendar.DAY_OF_WEEK)-1; 
int maxIndex=thisMonth.getActualMaximum(Calendar.DAY_OF_MONTH); 
for(int i=0;i<maxIndex;i++) 
 { 
  days[firstIndex+i]=String.valueOf(i+1); 
 } 
%> 
<body> 
<FORM name="sm" method="post" action="calendar.jsp"> 
  <%=year%>年  <%=Integer.parseInt(month)+1%>月 
<table border="0" width="168" height="81"> 
<div align=center> 
 <tr> 
   <th width="25" height="16" bgcolor="#FFFF00"><font color="red">日</font> 
</th> 
   <th width="25" height="16" bgcolor="#FFFF00">一</th> 
   <th width="25" height="16" bgcolor="#FFFF00">二</th> 
   <th width="25" height="16" bgcolor="#FFFF00">三</th> 
   <th width="25" height="16" bgcolor="#FFFF00">四</th> 
   <th width="25" height="16" bgcolor="#FFFF00">五</th> 
   <th width="25" height="16" bgcolor="#FFFF00"><font color="green">六</fon 
t></th> 
 </tr> 
<% for(int j=0;j<6;j++) { %> 
<tr> 
     <% for(int i=j*7;i<(j+1)*7;i++) { %> 
    <td width="15%" height="16" bgcolor="#C0C0C0" valign="middle" align="ce 
nter"> 
    <a href="jump.jsp?year=<%=year%>&month=<%=Integer.parseInt(month)+1%>&d 
ate=<%=days[i]%>" target="main"><%=days[i]%></a></td> 
   <% }  %> 
 </tr> 
<% }  %> 
</div> 
</table> 
<table border="0" width="168" height="20"> 
<tr> 
 <td width=30%><select name="month" size="1" onchange="changeMonth()" > 
   <option value="0">一月</option> 
   <option value="1">二月</option> 
   <option value="2">三月</option> 
   <option value="3">四月</option> 
   <option value="4">五月</option> 
   <option value="5">六月</option> 
   <option value="6">七月</option> 
   <option value="7">八月</option> 
   <option value="8">九月</option> 
   <option value="9">十月</option> 
   <option value="10">十一月</option> 
   <option value="11">十二月</option> 
 </select></td> 
<td width=28%><input type=text name="year" value=<%=year%> size=4 maxlength 
=4></td> 
<td>年</td> 
<td width=28%><input type=submit value="提交"></td> 
</tr> 
</table> 
</FORM> 
<script Language="JavaScript"> 
<!-- 
 document.sm.month.options.selectedIndex=<%=month%>; 
//--> 
</script> 
</body> 
</html>

赞 (0)

相关推荐

  • JS之日历实践附实现代码

    程序是这个样子的:首先采集用户输入的年份和月份,经过计算获取该月份的最大天数,并获取月份第一天是星期几.然后在表格中填充该月份的具体信息. 日历测试 function getMonthJuZhen(date){ if(arguments.length == 0){ throw new Error("need a date"); } if(arguments[0] == null){ throw new Error("date is null or undefined"

  • js日历控件（可精确到分钟）

    .menu_iframe{position:absolute; visibility:inherit; top:0px; left:0px; width:170px; z-index:-1; filter: Alpha(Opacity=0);} .cal_table{ border:#333333 solid 1px; border-collapse:collapse; background:#ffffff; font-size:12px} .cal_table td{ border:1px #

  • 修改js Calendar日历控件 兼容IE9/谷歌/火狐

    修改Calendar日历控件 兼容IE9,谷歌,火狐. 只是能用,出现的位置有所不同,希望有高手再帮我改改吧,谢谢 一. 复制代码 代码如下: this.iframe = window.frames("meizzCalendarIframe"); 修改为 复制代码 代码如下: this.iframe = window.frames["meizzCalendarIframe"]; 二. 复制代码 代码如下: var a = (arguments.length==0)

  • JS学习之一个简易的日历控件

    JS学习之一个简易的日历控件

    这个日历控件类似于园子用的日历,如下图: 这种日历控件实现起来不难,下面简单分析下我的思路: 首先,是该控件的可配置项: 复制代码 代码如下: ... settings: { firstDayOfWeek: 1, baseClass: "calendar", curDayClass: "curDay", prevMonthCellClass: "prevMonth", nextMonthCellClass: "nextMonth&quo

  • js日历功能对象

    需求产生问题:本来想在网上找个js代码,可是发现要么太复杂,要么不好控制,要么兼容性不好...... 问题分析: 发现不是优秀的就是最好的.... 适合自己的就是最好的. 问题解决: 决定自己写一个日历 功能. 代码呈现: 日历主程序 复制代码 代码如下: var calendar={ STR:function(){with(this.data)return ""+Y+"年,"+M+"月,"+D+"号,星期"+WN[W];},

  • 纯js简单日历实现代码

    纯js简单日历实现代码

    复制代码 代码如下: <!doctype html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> body,ul,li,h2,p { margin:0px; pa

  • 百度用到的Js日历 大家可以看看

    而且日历功能很强大,带有节日.农历等,运行看效果就明白了,相信不会让您失望的. 百度的Js日历,值得一看 body,td,.p1,.p2,.i{font-family:arial} body{margin:6px 0 0 0;background-color:#fff;color:#000;} table{border:0} #cal{width:434px;border:1px solid #c3d9ff;font-size:12px;margin:8px 0 0 15px} #cal #to

  • 很好用的js日历算法详细代码

    复制代码 代码如下: <script type="text/javascript">         var lunarInfo = new Array( 0x04bd8, 0x04ae0, 0x0a570, 0x054d5, 0x0d260, 0x0d950, 0x16554, 0x056a0, 0x09ad0, 0x055d2, 0x04ae0, 0x0a5b6, 0x0a4d0, 0x0d250, 0x1d255, 0x0b540, 0x0d6a0, 0x0ada2,

  • 简约JS日历控件 实例代码

    简约JS日历控件 实例代码

    运行结果如下: 复制代码 代码如下: <script type="text/javascript" language="javascript">function choose_date_czw(date_id,objtd){if(date_id=="choose_date_czw_close"){    document.getElementByIdx_x_x("choose_date_czw_id").style

  • 兼容FireFox 的 js 日历 支持时间的获取

    复制代码 代码如下: var cal; var isFocus=false; //是否为焦点 var pickMode ={ "second":1, "minute":2, "hour":3, "day":4, "month":5, "year":6 }; var topY=0,leftX=0; //自定义定位偏移量 2007-02-11 由 寒羽枫添加 //选择日期 → 由 寒羽枫 2

  • 一个用JSP做的日历

    <!-- File name:calendar.jsp --> <!-- 显示任意年.月的日历,可选择不同的年.月.author:wildfield --> <%@ page language="java" import="java.util.*" %> <%! String year; String month; %> <% month=request.getParameter("month"

  • js实现日历可获得指定日期周数及星期几示例分享(js获取星期几)

    应为要有交互,选择了Js来实现,也算是 结对编程 的初试吧. 我将显示部分用html 写好,点击的按钮触发事件函数是check(): 复制代码 代码如下: function onCheck(){ var Year = document.getElementById("year").value; //获取文本框的"年" var theYear =Year * 1; //转换为number类型 //alert(theYear); // 获取月值 var month =

  • JS 日历控件(蓝色)

    超漂亮的JS日历控件 *{ font:12px; letter-spacing:0px; } body{ background-color:#E5E9F2; overflow:hidden; margin:0; border:0px; } #titleYear{ text-align:center; padding-top:3px; width:120px; height:20px; border:solid #E5E9F2; border-width:0px 1px 1px 0px; back

  • 一个js写的日历（代码部分网摘）

    特意贴出这段代码,因为它的代码简洁和清晰,觉得不错,供大家分享. ×××××××函数定义部分 复制代码 代码如下: <script type="text/javascript"> var $ = function (id) { return "string" == typeof id ? document.getElementById(id) : id; }; var Class = { create: function() { return funct

  • 推荐一个小巧的JS日历

    脚本的核心就是DateAdd函数,点击下面的演示看看效果: 查看演示 调用方法很简单, 第一步:在页面顶部包含calenderJS.js文件: <script src="path/to/calenderJS.js"></script> 点击下载这个js文件 第二步:给你的输入框增加onfocus事件属性: <input type="text" onfocus="HS_setDate(this)"> HS_set

  • JS日历 推荐

    两年前写过一个日历,可是兼容性不好. 这次重新写了一次.  兼容多种浏览器  了解了不少东东,特别是对于W3C标准化．  如 FF和IE 对box模型的理解不同  box.style{width:100;border 1px;}  ie理解 为 box.width = 100  ff 理解 为 box.width = 100 + 1*2 = 102  可以使用这种方法使两种浏览器都可以正常浏览  box.style{width:100!important; width /**/:120px;bo

随机推荐