- JSF 教程
- JSF - 首頁
- JSF - 概述
- JSF - 環境搭建
- JSF - 架構
- JSF - 生命週期
- JSF - 第一個應用程式
- JSF - 託管Bean
- JSF - 頁面導航
- JSF - 基本標籤
- JSF - Facelet標籤
- JSF - 轉換器標籤
- JSF - 驗證器標籤
- JSF - DataTable
- JSF - 組合元件
- JSF - Ajax
- JSF - 事件處理
- JSF - JDBC整合
- JSF - Spring整合
- JSF - 表示式語言
- JSF - 國際化
- JSF 有用資源
- JSF - 快速指南
- JSF - 有用資源
- JSF - 討論
JSF - f:convertDateTime
f:convertDateTime 標籤用於將字串值轉換為所需格式的日期。它也充當驗證器,需要日期格式。
JSF 標籤
<f:convertDateTime pattern = "dd-mm-yyyy" />
標籤屬性
| 序號 | 屬性 & 描述 |
|---|---|
| 1 | type date (預設), time, 或 both |
| 2 | dateStyle default, short, medium, long, 或 full |
| 3 | timeStyle default, short, medium, long, 或 full |
| 4 | pattern 格式模式,如 java.text.SimpleDateFormat 中定義 |
| 5 | locale 用於解析和格式化的區域設定首選項 |
| 6 | timeZone
用於解析和格式化的時區 |
示例應用程式
讓我們建立一個測試 JSF 應用程式來測試上述標籤。
| 步驟 | 描述 |
|---|---|
| 1 | 建立一個名為 helloworld 的專案,位於 com.tutorialspoint.test 包下,如JSF - 第一個應用程式章節所述。 |
| 2 | 修改 home.xhtml,如下所示。保持其餘檔案不變。 |
| 3 | 在 webapps 目錄下建立 result.xhtml,如下所示。 |
| 4 | 建立 UserData.java 作為 com.tutorialspoint.test 包下的託管 Bean,如下所示。 |
| 5 | 編譯並執行應用程式,以確保業務邏輯按要求工作。 |
| 6 | 最後,將應用程式構建成 war 檔案,並將其部署到 Apache Tomcat Web 伺服器。 |
| 7 | 使用最後一步中說明的適當 URL 啟動您的 Web 應用程式。 |
UserData.java
package com.tutorialspoint.test;
import java.io.Serializable;
import java.util.Date;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
@ManagedBean(name = "userData", eager = true)
@SessionScoped
public class UserData implements Serializable {
private static final long serialVersionUID = 1L;
public Date date;
public Date getDate() {
return date;
}
public void setDate(Date date) {
this.date = date;
}
}
home.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">
<h:head>
<title>JSF tutorial</title>
</h:head>
<h:body>
<h2>ConvertDateTime Example</h2>
<h:form>
<h:inputText id = "dateInput" value = "#{userData.date}"
label = "Date" >
<f:convertDateTime pattern = "dd-mm-yyyy" />
</h:inputText>
<h:commandButton value = "submit" action = "result"/>
</h:form>
<br/>
<h:message for = "dateInput" style = "color:red" />
<h:outputText value = "12-01-2012" >
<f:convertDateTime pattern = "dd-mm-yyyy" />
</h:outputText>
</h:body>
</html>
result.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:f = "http://java.sun.com/jsf/core"
xmlns:h = "http://java.sun.com/jsf/html"
xmlns:ui = "http://java.sun.com/jsf/facelets">
<h:body>
<h2>Result</h2>
<hr />
#{userData.date}
</h:body>
</html>
完成所有更改後,讓我們像在 JSF - 第一個應用程式章節中那樣編譯並執行應用程式。如果您的應用程式一切正常,這將產生以下結果。
輸入任何無效值並按提交按鈕。檢視以下錯誤訊息。
輸入任何有效值並按提交按鈕。檢視以下結果。
jsf_convertor_tags.htm
廣告