`

struts2.1 datetimepicker日期控件的使用

DojoStrutsAjaxHTMLApache
阅读更多

官方参考文档：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>

 

 

来自：http://blog.sina.com.cn/s/blog_6145ed810100ebth.html

分享到：
| 防止多用户登录
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics