javascript做按钮日期选择

最新推荐文章于 2023-01-31 15:32:26 发布

亡羊补牢丶

最新推荐文章于 2023-01-31 15:32:26 发布

阅读量580

点赞数

分类专栏： web前端文章标签： javascript input border calendar button html

本文链接：https://blog.csdn.net/xiadi934/article/details/7931678

版权

web前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

以下是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="日期选择" οnclick="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="日期选择" οnclick="cdr.show(this,getObjById('dexecafter'))" />
                </td>
            </tr>
    </table>
</body>
</html>

亡羊补牢丶

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
javascript做按钮日期选择

以下是jsp代码，其中Calendar.js可以去我的资源下载。效果图如下门票销售统计 var cdr = new Calendar("cdr"); document.write(cdr); cdr.showMoreDay = true;
复制链接

扫一扫