JSP页面中的时间选择器

JSP页面中的时间选择器 本篇文章介绍了如何在 JSP 页面中实现一个基于 JavaScript 的时间选择器控件。该控件可以显示一个日历形式的时间选择器，方便用户选择日期和时间。 知识点一：时间选择器控件 该控件使用 JavaScript 技术开发，完全基于客户端实现， 无需服务器端支持。控件可以在 JSP 页面中使用，方便用户选择日期和时间。 知识点二：控件的使用方法 控件的使用方法非常简单，只需在 JSP 页面中添加一个 input 框和一个按钮，然后使用 setday(this, [object]) 函数或 setday(this) 函数调用控件。例如：<input name="txt"><input type="button" value="set day" onclick="setday(this,document.all.txt)"> 知识点三：控件的功能 控件具有以下几个功能： * 点击控件可以弹出一个日历选择器，用户可以选择日期和时间。 * 点击年和月的显示地方可以弹出年和月的下拉框。 * 按 ESC 键可以关闭控件。 * 在控件外任意点击一点可以关闭控件。 知识点四：控件的版本更新记录 控件经历了多次更新，更新记录如下： * Ver 2.0：使用 iframe 作为日历的载体，不再被 select 和 flash 等控件挡住；修正了移植到 iframe 后移动日历控件的问题。 * Ver 1.5：选中的日期显示为凹下去的样式；修改了关闭层的方法，使得失去焦点的时候能够关闭日历。 * Ver 1.4：修正选中年/月份下拉框后按 Esc 键导致年/月份不显示的问题；修正使用下拉框选择月份造成的日期错误。 知识点五：控件的参数设置 控件提供了多个参数可以设置，例如： * bMoveable：设置日历是否可以拖动。 * _VersionInfo：设置控件的版本信息。 知识点六：控件的显示效果 控件的显示效果可以通过 CSS 样式来设置，例如： * 设置按钮的样式：INPUT.button{BORDER-RIGHT: #ff9900 1px solid;BORDER-TOP: #ff9900 1px solid;BORDER-LEFT: #ff9900 1px solid;} * 设置表格单元格的样式：TD{FONT-SIZE: 9pt;font-family:宋体;} 知识点七：控件的开发作者 控件的开发作者是 F.R.Huang（meizz）和 walkingpoison。