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>
<%@ 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>
相关文章推荐
- 在JavaScript文件中用jQuery方法实现日期时间选择功能
- [分享]精心收集的3款JavaScript实现的日期时间选择控件
- 基于javascript bootstrap实现生日日期联动选择
- Android开发-日期选择按钮-步骤方法
- 在网页中选择日期的Javascript代码
- android 日期选择框 左边取消按钮,右边确定按钮
- Javascript: 在下拉列表中选择年份和月份,然后判断是瑞年还是平年,在日日期得下拉列表中显示瑞年二月对应多少天,平年对应多少天。
- 日期选择示例javascript代码
- Javascript实现日期的连动选择
- javascript日期选择器
- JavaScript 实现日历式日期选择
- javascript实现的一个日期选择控件
- javascript 表单日期选择效果
- JavaScript 日期、月份选择控件
- 免费的Javascript日期输入及选择控件大全
- javascript日期选择器
- 免费的Javascript日期输入及选择控件大杂烩!(转)
- jQuery插件Datepicker日期选择器实现Javascript自定义日期时间选择功能
- JavaScript 日期选择器 Pikaday 的一些总结
- javascript日期选择控件