Struts2系列—Form Tags(datetimepicker)

     网络上关于Struts2方面资料不少，之所以再重复一些关于Struts2的知识，只是因为本人正在学习Struts2，而且在学习的途中也遇见了不少的问题，由于没有学过Struts2以前的版本，学习途中也是比较的痛苦，在此仅想记录下我的学习历程。
     如果你对这个方面有深入研究，恳请你的指点;如果你也是初学者，希望这系列的文章对你有所帮助。

     Struts2中的datetimepicker是一个时间选择器，个人觉得是一个非常方便的标签，我们知道用JavaScript代码实现一个日期选择器那要写好长以段代码，而Struts2内置的这个datetimepicker标签却帮我们摆脱了长长的JavaScript的噩梦。来看一下就知道了：

datetimepicker.jsp：

<% @ page language = " java " import = " java.util.* " pageEncoding = " UTF-8 " %>
<% @ taglib prefix = " s " uri = " /struts-tags " %>
<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >
< html >
     < s:head theme ="simple" />
     
     
     < body >
         < s:datetimepicker value ="today" name ="getdate" label ="时间选择器" ></ s:datetimepicker >
     </ body >
</ html >

可以看到很漂亮的效果：

当然我们可以格式化日期格式，一些其他的处理可以根据需要在action里面进行处理。来看一个初始化时间为2008-08-08，按照年月日显示的日期选择器：
增加下列代码到上面的JSP里面：

< s:datetimepicker name ="hopedate" label ="year-month-date" displayFormat ="yyyy-MM-dd" />

增加一个DatetimepickerAction.java:

package com.kalman03.action;

import java.util.Date;

import com.opensymphony.xwork2.ActionSupport;

/**
*@FileName DatetimepickerAction.java
*
*@Author kalman03
*
*/
public class DatetimepickerAction extends ActionSupport {

     private Date hopedate;
     public Date getHopedate() {
         return hopedate;
    }
     public void setHopedate(Date hopedate) {
         this .hopedate = hopedate;
    }
    @Override
     public String execute() throws Exception {
         this .setHopedate( new Date( " Aug 08,2008 12:00:00 AM " ));
         return SUCCESS;
    }
}

配置struts.xml里面的映射关系：

< action name ="datetimepickertag" class ="com.kalman03.action.DatetimepickerAction" >
< result > /datetimepicker.jsp </ result >
</ action >

到此结束可以在浏览器输入：http://localhost:8080/test/datetimepickertag.action得到格式化后的效果：

我对Struts2的这个标签无语，太强了，有时间好好看看内部是怎么处理的。在这个我再提供给大家一个JavaScript实现的日期选择器，需要声明的是这个JavaScript摘自 kimsoft-jscalendar
js源码（支持IE，Firefox,Safari，Opera，谷歌等多浏览器）：

');
__ci.document.writeln(' < \ / style > ');
__ci.document.writeln(' < \ / head > ');
__ci.document.writeln(' < body > ');
__ci.document.writeln(' < \ / body > ');
__ci.document.writeln(' < \ / html > ');
__ci.document.close();
document.writeln(' < \ / div > ');
var calendar = new Calendar();
// -->

增加一句

< input name ="date" type ="text" id ="date" onclick ="new Calendar().show(this);" size ="10"
maxlength ="10" readonly ="readonly " />

导入上面的JavaScript源码，效果：

Struts2系列—Form Tags(datetimepicker)

Struts2系列—Form Tags(datetimepicker)

你可能感兴趣的:(Struts2系列—Form Tags(datetimepicker))