ダウンロードする – リンク://wp-content/uploads/2010/06/Struts2-DateTimePicker-Example.zip[Struts2-DateTimePicker-Example.zip]

Struts 2ではdojo ajaxタグ ”

<sx:datetimepicker>

“がテキストボックスをレンダリングし、カレンダーアイコンを後ろに追加します。カレンダーアイコンをクリックすると、日付選択ツールのコンポーネントが表示されます。 

<%@ taglib prefix="sx" uri="/struts-dojo-tags" %>
<html>
<head>
<sx:head/>
</head>

例えば、 

<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ taglib prefix="sx" uri="/struts-dojo-tags" %>
<html>
<head>
<sx:head/>
</head>
<body>
<sx:datetimepicker name="date2" label="Format (dd-MMM-yyyy)"
displayFormat="dd-MMM-yyyy" value="%{'2010-01-01'}"/>
...

Resulting the following HTML, few dojo and JavaScript libraries to
create a date time pick component. 

</B> </B> </B> </B> </B> <B> </B> "、baseScriptUri:"/Struts2Example/struts/dojo/"、parseWidgets:false}; </script> <script language = "JavaScript" type = "text/javascript" src = "/Struts2Example/struts/dojo/struts__dojo.js"> </script>

<script language = "JavaScript" type = "text/javascript" src = "/Struts2Example/struts/ajax/dojoRequire.js"> </script>

<link rel = "stylesheet" href = "/Struts2Example/struts/xhtml/styles.css" type = "text/css"/>

<script language = "JavaScript" src = "/Struts2Example/struts/utils.js" type = "text/javascript"> </script>

<script language = "JavaScript" src = "/Struts2Example/struts/xhtml/validation.js" type = "text/javascript"> </script>

<script language = "JavaScript" src = "/Struts2Example/struts/css__xhtml/validation.js"
type = "text/javascript"> </script>
</head>
...
<td class = "tdLabel">
<label for = "widget__1291193434" class = "label">書式（dd-MMM-yyyy）:
</label> </td>
<td>
<div dojoType = "struts:StrutsDatePicker" id = "widget__1291193434"
value = "2010-01-01" name = "date2" inputName = "dojo.date2"
displayFormat = "dd-MMM-yyyy" saveFormat = "rfc"> </div>
</td>
</tr>
<script language = "JavaScript" type = "text/javascript">
djConfig.searchIds.push（ "widget__1291193434"）; </script>

Struts 2 <s:datetimepicker>例

  • datetimepicker

    コンポーネントを生成するための

    <s:datetimepicker>

    タグの完全な完全な例、およびデフォルトの日付を ”

    datetimepicker ** “コンポーネントに設定するためのOGNLとJavaプロパティの使用方法を示します。

1. pom.xml

Struts 2 dojo依存関係ライブラリをダウンロードしてください。

  • pom.xml **

…​.//…​
<!– Struts 2 -→
<dependency>
<groupId>org.apache.struts</groupId>
<artifactId>struts2-core</artifactId>
<version>2.1.8</version>
</dependency> 

<!-- Struts 2 Dojo Ajax Tags -->
<dependency>
  <groupId>org.apache.struts</groupId>
  <artifactId>struts2-dojo-plugin</artifactId>
  <version>2.1.8</version>
</dependency>//...

===  2.アクションクラス

選択した日付を格納するActionクラス。

**  DateTimePickerAction.java **

package com.mkyong.common.action;

import java.util.Date;
import com.opensymphony.xwork2.ActionSupport;

public class DateTimePickerAction extends ActionSupport{ 

private Date date1;
private Date date2;
private Date date3;

//return today date
 public Date getTodayDate(){

    return new Date();
}

//getter and setter methods
 public String execute() throws Exception{

    return SUCCESS;
}

public String display() {
    return NONE;
}

} 

===  3.結果ページ

"**  <s:datetimepicker> ** "タグを使用して日付時刻ピッカーコンポーネントをレンダリングし、JavaプロパティとOGNLを使用してデフォルトの日付を設定します。

'**  displayFormat ** '属性は多くの日付パターンでサポートされています。この記事 -  http://www.unicode.org/reports/tr35/tr35-4.html#Date__Format__Patterns[日付形式パターン]を読んでください。

"struts-dojo-tags"タグを置いてヘッダー<sx:head/>をレンダリングしてください。

<%@ taglib prefix=”sx” uri=”/struts-dojo-tags” %>
<html>
<head>
<sx:head/>
</head> 

**  datetimepicker.jsp **

<%@ taglib prefix=”s” uri=”/struts-tags” %>
<%@ taglib prefix=”sx” uri=”/struts-dojo-tags” %>
<html>
<head>
<sx:head/>
</head>

<body>
<h1>Struts 2 datetimepicker example</h1>

<s:form action=”resultAction” namespace=”/” method=”POST” >

<sx:datetimepicker name=”date1″ label=”Format (dd-MMM-yyyy)”
displayFormat=”dd-MMM-yyyy” value=”todayDate”/>

<sx:datetimepicker name=”date2″ label=”Format (dd-MMM-yyyy)”
displayFormat=”dd-MMM-yyyy” value=”%{‘2010-01-01’}”/>

<sx:datetimepicker name=”date3″ label=”Format (dd-MMM-yyyy)”
displayFormat=”dd-MMM-yyyy” value=”%{‘today’}”/>

<s:submit value=”submit” name=”submit”/>

</s:form>

</body>
</html> 

**  result.jsp **

<%@ taglib prefix=”s” uri=”/struts-tags” %>
<html>

<body>
<h1>Struts 2 datetimepicker example</h1>

<h2>
Date1 : <s:property value=”date1″/>
</h2>

<h2>
Date 2 : <s:property value=”date2″/>
</h2>

<h2>
Date 3 : <s:property value=”date3″/>
</h2>

</body>
</html> 

===  3. struts.xml

すべてのリンク〜

<?xml version=”1.0″ encoding=”UTF-8″ ?>
<!DOCTYPE struts PUBLIC
“-//Apache Software Foundation//DTD Struts Configuration 2.0//EN”
“http://struts.apache.org/dtds/struts-2.0.dtd”>

<struts> 

<constant name="struts.devMode" value="true"/>

<package name=”default” namespace=”/” extends=”struts-default”> 

<action name="dateTimePickerAction"
  class="com.mkyong.common.action.DateTimePickerAction"
      method="display">
  <result name="none">pages/datetimepicker.jsp</result>
</action>

  <action name="resultAction"
        class="com.mkyong.common.action.DateTimePickerAction" >
    <result name="success">pages/result.jsp</result>
  </action>
</package>

</struts> 

===  4.デモ

__http://localhost:8080/Struts2Example/dateTimePickerAction.action__

image://wp-content/uploads/2010/06/Struts2-DateTimePicker-Example-1.jpg[Struts 2 datetimepickerの例、title = "Struts2-DateTimePicker-Example-1"]

image://wp-content/uploads/2010/06/Struts2-DateTimePicker-Example-2.jpg[Struts 2 datetimepickerの例、title = "Struts2-DateTimePicker-Example-2"]

=== リファレンス

.  http://struts.apache.org/2.0.14/docs/datetimepicker.html[Struts 2

datetimepickerドキュメンテーション]。 http://struts.apache.org/2.0.14/docs/ajax-and-javascript-recipes.html[Struts

2 ajaxとjavascriptのレシピ]。 http://www.unicode.org/reports/tr35/tr35-4.html#Date__Format__Patterns[Date

フォーマットパターン]

link://tag/date/[date]link://tag/struts2/[struts2]