simple-1.htm

来自「jsp的日历 很好用」· HTM 代码 · 共 47 行

HTM
47 行
字号 
<html style="background-color: buttonface; color: buttontext;">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>日历控件</title>

  <!-- calendar stylesheet -->
  <link rel="stylesheet" type="text/css" media="all" href="Styles/calendar-win2k-cold-1.css" title="win2k-cold-1" />

  <!-- main calendar program -->
  <script type="text/javascript" src="Js/Calendar.js"></script>

  <!-- language for the calendar -->
  <script type="text/javascript" src="Js/Calendar-zh.js"></script>

  <!-- the following script defines the Calendar.setup helper function, which makes
       adding a calendar a matter of 1 or 2 lines of code. -->
  <script type="text/javascript" src="Js/Calendar-Setup.js"></script>

</head>

<body>

<form action="#" method="get">
<table cellspacing="0" cellpadding="0" style="border-collapse: collapse"><tr>
 <td><input type="text" name="date" id="f_date_c" readonly="1" /></td>
 <td><img src="img.gif" id="f_trigger_c" style="cursor: pointer; border: 1px solid red;" title="Date selector"
      onmouseover="this.style.background='red';" onmouseout="this.style.background=''" /></td>
</table>
</form>

<script type="text/javascript">
    Calendar.setup({
        inputField     :    "f_date_c",     // id of the input field
        ifFormat       :    "%Y-%m-%d",      // format of the input field
        button         :    "f_trigger_c",  // trigger for the calendar (button ID)
        align          :    "Br",           // alignment (defaults to "Bl")
        singleClick    :    true
    });
</script>



</body>
</html>

simple-1.htm - 源码说明

本页面展示了「jsp的日历 很好用」中的 simple-1.htm 源码文件，采用 HTM 编程语言编写，共 47 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫开发者社区收录了大量与JSP相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?