我们在做网络应用的时候,在很多情况下都需要操作人员在页面上输入日期之类的日期型字段信息。通常的做法是:XML:名称空间前缀=o ns=" urn: schemas-microsoft-com:办公室:办公室"/>
1,用选择标签分别选择年月日
2,给一个输入,并定义一个固定的格式,让操作人员自己填写
3,使用微软提供的ActiveX DATETIMECONTROLLER。
然而这中方法均有缺陷,在1中虽然不会出现一些离谱的数据(如99 88年月日),但有效性验证和后台数据处理将消耗我们不少的时间和精力。而且一个操作页面如果有较多个日期型字段,一定会给使用者带来困扰。在2中用户可以任意录入年月日,一定会出现离谱的数据也存在有效性验证和后台处理等问题.MICROSOFT的ACTIVEX DATETIMECONTROLLER是个好东西,不过它的CLSID”又长又臭”很难记住,还有很多参数需要设置。如果对微软的东西不了解,使用起来也方便不到哪儿去。再说不一定每个人的机器上都安装了这个ACTIVEX控件。但是我在做这个日期选择器的时候它给了我不小的启发。下面是我在测试这个日期选择器的一些画面。
1。日期选择前
JSP日期选择器选择前。GIF”=基线对齐边界=0>
2。日期选择中
3。日期选择后
结合给出的页面我简单的介绍一下使用方法,做一个需要输入日期数据的页面(见图:日期选择前)在点击确定按钮(如果将确定按钮换成一个小图标效果会更好,愿意动手的可以试一试)的时候会弹出jsp日期选择器。我们可以用画面(见图:日期选择中)中提供的按钮来前后翻,也可以从下拉框中直接选择。月份选择有循环滚动功能给,即1月的前一个月是12月,12月的后一个月是1个月,但不提供逢1月(前一月)和12月(后一月)时的年份的变化。如果有需要可以自己在源代码上修改,估计也就是4行的工作两年。份我设置在1970 - 2470年之间。如果有需要,请自己动手修改吧. jsp日期选择器的另一个特点时与星期的对齐是与日常使用的日历对应的。选择后的结果如图”日期选择后”。不足之处是脱离了WEB服务器不能使用。
下面给出源代码:
1, testCalendar.jsp的源代码
<头>
testCalendar
<身体>
2, IECalendar.jsp的源代码
<头>
IECalendar
<身体页面顶栏=" 5 ">
<中心>
注意事项:请不要单独使用IECalendar.jsp,应为会出错,必须与另外一个包含了
并由
onClick=" setDateField (document.abc.indate); tempstr=window.open (“IECalendar.jsp”,“托尼”,“依赖=是的,titlebar=不,宽度=465,身高=275,位置=没有');tempstr.moveTo ((screen.height - 275)/2,(回答- 475)/2);“
打开的窗口中才能正常工作。
有什么疑问和不足之处请发邮件通知我。
名称:东尼
电子邮件:tonyzhangcn@sohu.com
