- <html>
<head> <script type="text/javascript" src="calendar.js"></script> - ///src引用该calendar
- </head>
- <body>
- 时间:<input type="text" name="applyBegin" id="applyBegin" style="width:120px;"/>至
- <input type="text" name="applyEnd" id="applyEnd" style="width:120px;"/>
- 时间:<input type="text" name="viBegin" id="viBegin" style="width:120px;" />至
- <input type="text" name="viEnd" id="viEnd" style="width:120px;"/>
- </body>
</html>
- ///页面中可以添加多个input 文本框,点击文本框,则出现上图的calendar。选择日期后相应的文本框中显示日期
- <script type="text/javascript">
- var c = new Calendar("c"); //定义calendar对象
- document.write(c);
- validDatetime("applyBegin","applyEnd"); ///起始时间和结束时间的控件id
- validDatetime("viBegin","viEnd");
- document.onclick = closeCalendar; ///点击页面的calendar之外的地方,则calendar关闭
- </script>
|