該控制項非常漂亮,而且支援用css的方式換膚,支援自訂calendar選擇出來的日期格式,支援時間Time選擇......
重要的是,IE和Firefox都支援
使用該控制項的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>需要注意的是,那一段javascript的代碼要寫在form表單,button定義的後面,否則會說找不到data, trigger這些id對應的介面控制項的。
這個項目的首頁位於:http://www.dynarch.com/projects/calendar