该控件非常漂亮，而且支持用css的方式换肤，支持自定义calendar选择出来的日期格式，支持时间Time选择......
重要的是，IE和Firefox都支持
使用该控件的HTML可以这样写：
使用该控件的HTML可以这样写：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">@import url(calendar-system.css);</style>
<script type="text/javascript" src="calendar.js"></script>
<script type="text/javascript" src="calendar-en.js"></script>
<script type="text/javascript" src="calendar-setup.js"></script>
</head>
<body>
<form>
<input type="text" id="data" name="data" READONLY />
<button id="trigger">...</button>
</form>
<script type="text/javascript">
Calendar.setup({
inputField : "data", // ID of the input field
ifFormat : "%Y%m%d%H%M", // the date format
showsTime: true,
button : "trigger", // ID of the button
step: 1
});
</script>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">@import url(calendar-system.css);</style>
<script type="text/javascript" src="calendar.js"></script>
<script type="text/javascript" src="calendar-en.js"></script>
<script type="text/javascript" src="calendar-setup.js"></script>
</head>
<body>
<form>
<input type="text" id="data" name="data" READONLY />
<button id="trigger">...</button>
</form>
<script type="text/javascript">
Calendar.setup({
inputField : "data", // ID of the input field
ifFormat : "%Y%m%d%H%M", // the date format
showsTime: true,
button : "trigger", // ID of the button
step: 1
});
</script>
</body>
</html>
需要注意的是，那一段javascript的代码要写在form表单，button定义的后面，否则会说找不到data, trigger这些id对应的界面控件的。
这个项目的主页位于：http://www.dynarch.com/projects/calendar
这个项目的主页位于：http://www.dynarch.com/projects/calendar