关于struts 2中的日期问题

struts 2中引入了大量的jquery的内容

其中日期问题总结一下:

步骤:

1、当然不用说,先建一个web项目

2.导入struts2所需要的jar包,以及此插件的包(当然你也可以用:struts2-jquery-plugin-2.1.0.jar

3.在web.xml配置好struts2的过滤器

4.在jsp页面引入标签

5.别忘记在html<head>标签里加上:(这个容易忘记

------------------------------------------------------------------------------

-------------------------------------------------------------------------------

6.可以使用插件了;代码如下:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ taglib prefix="sj" uri="/struts-jquery-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">
<sj:head compressed="true" jquerytheme="redmond" ajaxcache="false" />
<title>strut2-jquery-plugin</title>
</head>
<body>
 <!-- -->
 <div id="formResult">Div 1</div>
 <s:url id="ajaxTest" value="/AjaxTest.action" />
 <sj:a id="link1" href="%{ajaxTest}" targets="formResult" indicator="indicator" button="true"
  buttonIcon="ui-icon-refresh">Update Content</sj:a>
 
 <!-- -->
 <s:form id="form" action="echo" theme="simple" cssClass="yform">
  <fieldset>
   <legend>Ajax Form</legend>
   <div class="type-text">
    <label for="echo">Echo: </label>
    <s:textfield id="echo" name="echo" value="Hello World!"></s:textfield>
   </div>
   <div class="type-button">
    <sj:submit targets="formResult" value="Ajax Submit" indicator="indicator"></sj:submit>
    <s:url id="simpleecho" value="/simpleecho.action"></s:url>
    <sj:submit href="%{simpleecho}" targets="formResult" value="Ajax Submit 2" indicator="indicator"></sj:submit>
   </div>
  </fieldset>
 </s:form>


  <!--  -->

<!-- s:property 标签的escape属性默认值为true,即不解析html代码,直接将其输出。 若想要输出html的效果,则要改为false -->
<s:fielderror escape="true"></s:fielderror>
<s:form action="Actionlogin">
<s:textfield label="用户名" name="username" key="username"></s:textfield>
<s:password label="密码" name="userpassword"></s:password>
<!-- 多选框 -->
<s:checkboxlist tooltip="Confirmed that your are Over 18" label="年龄"
name="age" list="{'10', '18', '19', '20', '21'}" name="friends"></s:checkboxlist>
<s:radio name="sex" list="%{#{'1':'男','0':'女'}}" value="1" label="性别"></s:radio>
<br>
<!-- 生日 -->
<sj:datepicker id="date0" label="Select a Date"></sj:datepicker>
<sj:datepicker id="date1" label="Date Value from Action"
value="%{dateValue}" name="date1"></sj:datepicker>
<sj:datepicker id="date2" name="nameValue" label="Date Value by Name"></sj:datepicker>
<sj:datepicker id="date3" value="today" name="date3"
displayFormat="dd.mm.yy" label="Today"></sj:datepicker>
<sj:datepicker id="date4" value="yesterday" name="date4"
displayFormat="mm/dd/yy" label="Yesterday"></sj:datepicker>
<sj:datepicker id="date5" value="tomorrow" name="date5"
displayFormat="DD, d MM yy" label="Tomorrow"></sj:datepicker>
<sj:datepicker id="date6" value="2004-08-15" name="date6"
displayFormat="d M, yy" label="String value"></sj:datepicker>
<br>
<s:select tooltip="Choose user_type" label="职业"
list="#{'free':'学生','vip':'老师'}" value="#{'free':'学生'}" name="type"
emptyOption="false" headerKey="None" headerValue="none" />
<s:textarea toolip="Enter your remart" label="备注" name="remart"
cols="20" rows="3" />

<s:submit value="登陆" />
</s:form>

效果:

 


 <!---->
 <sj:tabbedpanel id="localtabs">
  <sj:tab id="tab1" target="tone" label="Local Tab One"></sj:tab>
  <sj:tab id="tab2" target="ttwo" label="Local Tab Two"></sj:tab>
  <sj:tab id="tab3" target="tthree" label="Local Tab Three"></sj:tab>
  <sj:tab id="tab4" target="tfour" label="Local Tab Four"></sj:tab>
  <div id="tone">Mauris mauris ante</div>
  <div id="ttwo">Sed non urna.</div>
  <div id="tthree">Nam enim risus, molestie et</div>
  <div id="tfour">per inceptors himenaeos.</div>
 </sj:tabbedpanel>
 
 <!-- -->
 <s:form id="form" theme="xhtml">
  <sj:datepicker id="date0" label="Select a Date"></sj:datepicker>
  <sj:datepicker id="date1" label="Date Value from Action" value="%{dateValue}" 
   name="date1"></sj:datepicker>
  <sj:datepicker id="date2" name="nameValue" label="Date Value by Name"></sj:datepicker>
  <sj:datepicker id="date3" value="today" name="date3" displayFormat="dd.mm.yy" label="Today"></sj:datepicker>
  <sj:datepicker id="date4" value="yesterday" name="date4" displayFormat="mm/dd/yy" label="Yesterday"></sj:datepicker>
  <sj:datepicker id="date5" value="tomorrow" name="date5" displayFormat="DD, d MM yy" label="Tomorrow"></sj:datepicker>
  <sj:datepicker id="date6" value="2004-08-15" name="date6" displayFormat="d M, yy" label="String value"></sj:datepicker>
 </s:form>
 
 <!-- -->
 <sj:dialog id="mydialog" title="Dialog with local content">
  Mauris mauris ante
 </sj:dialog>
 
 <!-- -->
 <s:url id="urlajax1" action="ajax1"></s:url>
 <sj:accordion id="accordion">
  <sj:accordionItem title="Mauris mauris ante">
   <sj:div id="divInAccrodionItem">afafaagaf</sj:div>
  </sj:accordionItem>
  <sj:accordionItem title="Sed non urna">
   Sed non urna
  </sj:accordionItem>
  <sj:accordionItem title="Nam enim risus">
   Nam enim risus
  </sj:accordionItem>
  <sj:accordionItem title="Cras dictum">
   Cras dictum.
  </sj:accordionItem>
 </sj:accordion>
 
 <!-- -->
 <sj:slider id="simpleslider"></sj:slider>
 

 </body>
</html>

 

相信您已经有所掌握了吧,开始试试吧!(12:14/10/31)

posted @ 2015-10-31 12:15  dy9776  阅读(331)  评论(0编辑  收藏  举报