JSF - f: convertDateTime

f: la etiqueta convertDateTime se usa para convertir un valor de cadena en una fecha con el formato requerido. También actúa como un validador, un formato de fecha requerido.

Etiqueta JSF

<f:convertDateTime pattern = "dd-mm-yyyy" />

Atributos de etiqueta

S. No	Atributo y descripción
1	type fecha (predeterminado), hora o ambos
2	dateStyle predeterminado, corto, medio, largo o completo
3	timeStyle predeterminado, corto, medio, largo o completo
4	pattern Patrón de formato, como se define en java.text.SimpleDateFormat
5	locale Configuración regional cuyas preferencias se utilizarán para analizar y formatear
6	timeZone Zona horaria que se utilizará para analizar y formatear

Aplicación de ejemplo

Creemos una aplicación JSF de prueba para probar la etiqueta anterior.

Paso	Descripción
1	Cree un proyecto con un nombre helloworld en un paquete com.tutorialspoint.test como se explica en el capítulo JSF - Primera aplicación .
2	Modifique home.xhtml como se explica a continuación. Mantenga el resto de los archivos sin cambios.
3	Cree result.xhtml en el directorio webapps como se explica a continuación.
4	Cree UserData.java como un bean administrado en el paquete com.tutorialspoint.test como se explica a continuación.
5	Compile y ejecute la aplicación para asegurarse de que la lógica empresarial funcione según los requisitos.
6	Finalmente, compile la aplicación en forma de archivo war e impleméntela en Apache Tomcat Webserver.
7	Inicie su aplicación web utilizando la URL adecuada como se explica a continuación en el último paso.

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>

Una vez que esté listo con todos los cambios realizados, compilemos y ejecutemos la aplicación como lo hicimos en JSF - Capítulo Primera aplicación. Si todo está bien con su aplicación, esto producirá el siguiente resultado.

Ingrese cualquier valor no válido y presione el botón Enviar. Vea el siguiente mensaje de error.

Ingrese cualquier valor válido y presione el botón Enviar. Vea el siguiente resultado.

↰ Previous page