js20180101转换为日期格式是一个常见的需求，在JavaScript中，可以使用Date对象来实现这一功能。
Date对象是JavaScript中的内置对象，它可以用来处理时间和日期。Date对象提供了一系列的方法来处理时间和日期，其中包括将字符串格式的时间或者日期转换为Date对象。
要将js20180101转换为日期格式，可以使用Date.parse()方法。该方法可以将字符串格式的时间或者日期转换为Date对象。
var dateStr = 'js20180101'; // 字符串格式的时间或者日期 var date = Date.parse(dateStr); // 转换为 Date 对象 console.log(date); // 1514782400000
上面代码中，使用Date.parse()方法将字符串格式的js20180101转换为了一个数值1514782400000，这就是表示2018年1月1号0:00:00的数值表示形式。
如果要将1514782400000这一数值表示形式重新还原成字符串格式的js20180101，可以使用toString()方法。
var date = new Date(1514782400000); // 根据数值表示形式创建 Date 对象 console.log(date.toString()); // Mon Jan 01 2018 00:00:00 GMT+0800 (中国标准时间)
f:convertDateTime标记用于将字符串值转换为所需格式的日期。 它还充当验证器所需的日期格式。
下面的代码展示了如何使用f:convertDateTime标签。
<f:convertDateTime pattern="dd-mm-yyyy" />
| 属性 | 描述 |
|---|---|
| type | 日期(默认)，时间或两者 |
| dateStyle | 默认，短，中，长或全 |
| timeStyle | 默认，短，中，长或全 |
| pattern | 格式化模式，如java.text.SimpleDateFormat中定义 |
| locale | 其首选项用于解析和格式化的区域设置 |
| timeZone | 用于解析和格式化的时区 |
以下代码来自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: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>
Receipt Date :
<h:outputText value="#{receipt.date}" >
<f:convertDateTime pattern="d-M-yyyy" />
</h:outputText>
</h:body>
</html>
以下代码来自demo.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>
<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="result" />
</h:form>
</h:body>
</html>
下面的代码来自UserBean.java。
package cn..common;
import java.io.Serializable;
import java.util.Date;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
@ManagedBean(name="receipt")
@SessionScoped
public class UserBean implements Serializable{
private static final long serialVersionUID = 1L;
Date date;
public Date getDate() {
return date;
}
public void setDate(Date date) {
this.date = date;
}
}下载 Convert_Date_Time.zip将生成的WAR文件从目标文件夹复制到Tomcat部署文件夹，并运行Tomcat-Install-folder/bin/startup.bat。
Tomcat完成启动后，在浏览器地址栏中键入以下URL。
http://localhost:8080/simple-webapp/demo.xhtml
Java设计模式 - 访问者模式在访问者模式中，元素对象接受访问者对象，而访问者对象处理元素对象上的操作。此模式是一种行为模式...
Java面向对象设计 -Java参数传递Java支持两种数据类型：基本数据类型和引用数据类型。原始数据类型是一个简单的数据结构，它只有...
Java面向对象设计 -Java Objects类Java在java.util包中有一个实用程序类Objects用于处理对象。它由所有静态方法组成。 Objects类...
Java面向对象设计 -Java泛型类使用泛型，我们可以在不知道代码操作对象的类型的情况下编写代码。它允许我们创建泛型类，构造函数...