首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

struts2.1 datetimepicker日期控件的运用

2012-09-05 
struts2.1 datetimepicker日期控件的使用官方参考文档:http://struts.apache.org/2.1.6/docs/datetimepick

struts2.1 datetimepicker日期控件的使用

官方参考文档:http://struts.apache.org/2.1.6/docs/datetimepicker.html

?

在以前的struts2.0版本中s:datetimepicker只需要在head标签处设置
<s:head theme="ajax"/>,
就可以直接使用s:datetimepicker的标签了。
而在2.1.6版本中不能直接这样使用了,将datetimepicker移除了。
原因是此标签调用了dojo的datetimepicker的库。

1.所以现在使用的时候首先要导入一个库 :

struts2-dojo-plugin-2.1.6.jar

?

2.在要生成日期控件的页面头部加上:

<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sx" uri="/struts-dojo-tags" %>

?

3.然后在web页面的head标签下面加上<sx:head/>

也可以加上下面两句话

  • <s:head?theme="xhtml"/>??
  • <sd:head?parseContent="true"/>?

    ?

    4.现在就可以实现各种日期控件

    <%@ page language="java" contentType="text/html; charset=UTF-8"
    ????pageEncoding="UTF-8"%>
    <%@ taglib prefix="s" uri="/struts-tags"%>
    <%@ taglib prefix="sx" uri="/struts-dojo-tags" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>struts2.1的新标签</title>
    <!-- 记住加上下面这一句话 -->
    <sx:head/>
    </head>
    <body>
    ??<b>设置最简单datetimepicker标签 :</b>
    ??<br>
    ??<sx:datetimepicker name="birthday" label="出生日期" />
    ??<br>

    ??<b>设置displayFormat参数为???yyyy年MM月dd日 displayWeeks参数为4的datetimepicker标签 :</b>
    ??<br>
    ??<sx:datetimepicker name="birthday" label="出生日期"
    ?????????????????????displayFormat="yyyy年MM月dd日" displayWeeks="4" />?
    ??<br>

    ??<b>设置weekStartsOn参数为1(第一行显示星期一),toggleType参数为fade的datetimepicker标签:</b>
    ??<br>
    ??<sx:datetimepicker name="birthday" label="出生日期"
    ?????????????????????weekStartsOn="1" toggleType="fade"/>
    ??<br>

    ??<b>设置显示时间datetimepicker标签: </b>
    ??<br>
    ??<sx:datetimepicker type="time" name="birthday" label="出生日期" displayFormat="HH:mm:ss"/>
    ??<br>

    ??<b>设置缓慢展开效果的datetimepicker标签(toggleDuration表示explode效果延时时间): </b>
    ??<br>??
    ???<sx:datetimepicker name="birthday"
    ??????????????????????toggleType="explode" toggleDuration="400" />

    ??<br>

    ??<b>设置显示时间和日期的datetimepicker标签(但是暂时日期只能当前的日期,不能选择,不知道怎么实现): </b>
    ??<br>?
    ???<sx:datetimepicker name="birthday" type="time"
    ??????????????toggleType="explode" toggleDuration="400"
    ???????????????displayFormat="yyyy-MM-dd?hh:mm:ss" />

    ?

    </body>
    </html>

热点排行