📄 simple-1.htm
字号:
<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>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -