您的位置:首页 > Web前端 > JavaScript

javascript做按钮日期选择

2012-09-01 11:02 155 查看
以下是jsp代码,其中Calendar.js可以去我的资源下载。效果图如下



<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>





<title>门票销售统计</title>

<script type="text/javascript" src="../resources/Calendar.js"></script>

<script type="text/javascript">

var cdr = new Calendar("cdr");

document.write(cdr);

cdr.showMoreDay = true;

</script>

</head>



<body>

<table border="0" cellspacing="0" width="100%">



<tr style="height: 50px;">

<td>

设定每页行数:

<input type="text" size="3" id="pagesize" name="pagesize" value="" />

销售时间:

<input type="text" size="18" id="dexecbefore" name="dexecbefore" value="" />



<input type="button"

style="width: 60px; height: 18px; font-size: 12px; margin: 1px; border: 1px solid #A4B3C8; background-color: #DFE7EF;"

value="日期选择" onclick="cdr.show(this,getObjById('dexecbefore'))" />



-

<input type="text" size="18" id="dexecafter" name="dexecafter" value="" />



<input type="button"

style="width: 60px; height: 18px; font-size: 12px; margin: 1px; border: 1px solid #A4B3C8; background-color: #DFE7EF;"

value="日期选择" onclick="cdr.show(this,getObjById('dexecafter'))" />

</td>

</tr>

</table>

</body>

</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: