開発者ドキュメント

JSF 2のconvertDateTimeの例

次のJSF 2.0の例は、この ”

f:convertDateTime

“タグの使用方法を示しています。

1.マネージドBean

単純なマネージドBeanで、「日付」プロパティを持ちます。

package com.mkyong;

import java.io.Serializable;
import java.util.Date;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;

@ManagedBean(name="receipt")
@SessionScoped
public class ReceiptBean implements Serializable{

    Date date;

    public Date getDate() {
        return date;
    }

    public void setDate(Date date) {
        this.date = date;
    }

}

2. f:convertDateTimeの例



f:convertDateTime

“タグを使用して日付検証を実装します。受け入れられた日付形式は、 ”

pattern

“属性で定義されます。

  • 注** “pattern”属性の日付形式は、http://download.oracle.com/javase/1.5.0/docs/api/java/text/SimpleDateFormat.html[java.text.SimpleDateFormat]で定義されています。

  • default.xhtml **

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      >
    <h:body>

        <h1>JSF 2 convertDate example</h1>

    <h:form>

        <h:panelGrid columns="3">

          Receipt Date :
         <h:inputText id="date" value="#{receipt.date}"
            size="20" required="true"
            label="Receipt Date" >

            <f:convertDateTime pattern="d-M-yyyy"/>
          </h:inputText>

          <h:message for="date" style="color:red"/>

        </h:panelGrid>

        <h:commandButton value="Submit" action="receipt"/>

       </h:form>

    </h:body>
</html>
  • receipt.xhtml **

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      >
    <h:body>

        <h1>JSF 2 convertDate example</h1>

        Receipt Date :
        <h:outputText value="#{receipt.date}" >
            <f:convertDateTime pattern="d-M-yyyy"/>
        </h:outputText>

    </h:body>
</html>

デモ

無効な日付が指定されている場合は、エラーメッセージを表示します。



ソースコードをダウンロードする

ダウンロード – リンク://wp-content/uploads/2010/10/JSF-2-ConvertDateTime-Example.zip[JSF-2-ConvertDateTime-Example.zip](10KB)

リファレンス

JavaDoc]

リンク://タグ/日付/[日付]リンク://タグ/jsf2/[jsf2]

モバイルバージョンを終了