struts2.1 datetimepicker日期控件的使用

 

在以前的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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章