zoukankan      html  css  js  c++  java
  • 关于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)

  • 相关阅读:
    剑指Offer(书):链表中环的入口节点
    剑指Offer(书):链表的倒数第K个节点
    剑指Offer(书):调整数组顺序使奇数位于偶数前面
    恒天云技术分享系列7 – 分布式块存储架构
    恒天云技术分享系列6 – vLan网络原理解析
    恒天云技术分享系列5 – 虚拟化平台性能对比(KVM & VMware)
    恒天云技术分享系列4 – OpenStack网络攻击与防御
    企业如何实现云计算价值的最大化
    恒天云技术分享系列3 – KVM性能调优
    恒天云技术分享系列2
  • 原文地址:https://www.cnblogs.com/nucdy/p/4925314.html
Copyright © 2011-2022 走看看