JSP开发时, 在页面中格式化和解析日期始终是个头疼的事情. 可以用JSTL和JavaScript搞定.

1. JSTL格式化和解析日期

格式化日期：

< fmt:formatDate value = " ${model.date} "  pattern  = " yyyy-MM-dd "   >  

或者 

< fmt:formatDate value = " <%=new java.util.Date() %> "  pattern  = " yyyy-MM-dd "   />  

取得request参数： 

< c:out value = " param.参数名 " />  

jstl格式化日期标签收藏
<% @ taglib prefix = " c "  uri = " http://java.sun.com/jstl/core "   %>
<% @ taglib prefix = " fmt "  uri = " http://java.sun.com/jstl/fmt "   %>  

< fmt:parseDate value = " ${param.date} "  var = " date "  pattern = " yyyy/MM/dd:HH:mm:ss>
< fmt:parseDate value = " ${param.isoDate} "  var = " isoDate "  pattern = " yyyyMMdd'T'HHmmss " >  

The input parameters must match the patterns, or the JSP will thrown an exception. This page does no error handling. 

Input parameters:
Date:     2004 / 04 / 01 : 13 : 30 : 00    Java format: Thu Apr  01   13 : 30 : 00  CST  2004
isoDate: 20040531T235959       Java format: Mon May  31   23 : 59 : 59  CDT  2004  

Dates
Tag Output 
Attribute: value; required. Tag has no body. 
< fmt:formatDate value = " ${date} "  type = " both " />  

2004 - 4 - 1   13 : 30 : 00   
< fmt:formatDate value = " ${isoDate} "  type = " both " />  

2004 - 5 - 31   23 : 59 : 59   
Attribute: type; optional. Indicates what to print: date, time, or both. 
< fmt:formatDate value = " ${date} "  type = " date " />  

2004 - 4 - 1   
< fmt:formatDate value = " ${isoDate} "  type = " time " />  

23 : 59 : 59   
Attribute: dateStyle; optional. Varies the date format. 
< fmt:formatDate value = " ${isoDate} "  type = " date "  dateStyle = " default " />  

2004 - 5 - 31   
< fmt:formatDate value = " ${isoDate} "  type = " date "  dateStyle = " short " />  

04 - 5 - 31   
< fmt:formatDate value = " ${isoDate} "  type = " date "  dateStyle = " medium " />  

2004 - 5 - 31   
< fmt:formatDate value = " ${isoDate} "  type = " date "  dateStyle = " long " />  

2004年5月31日  
< fmt:formatDate value = " ${isoDate} "  type = " date "  dateStyle = " full " />  

2004年5月31日 星期一  
Attribute: timeStyle; optional. Varies the time format. 
< fmt:formatDate value = " ${isoDate} "  type = " time "  timeStyle = " default " />  

23 : 59 : 59   
< fmt:formatDate value = " ${isoDate} "  type = " time "  timeStyle = " short " />  

下午11: 59   
< fmt:formatDate value = " ${isoDate} "  type = " time "  timeStyle = " medium " />  

23 : 59 : 59   
< fmt:formatDate value = " ${isoDate} "  type = " time "  timeStyle = " long " />  

下午11时59分59秒  
< fmt:formatDate value = " ${isoDate} "  type = " time "  timeStyle = " full " />  

下午11时59分59秒 CDT  
Attribute: pattern; optional. Inidcates date / time custom patterns. 
< fmt:formatDate value = " ${date} "  type = " both "  pattern = " EEEE, MMMM d, yyyy HH:mm:ss Z " />  

星期四, 四月  1 ,  2004   13 : 30 : 00   - 0600   
< fmt:formatDate value = " ${isoDate} "  type = " both "  pattern = " d MMM yy, h:m:s a zzzz/> 

2. JavaScript 格式化 

/*
  将String类型解析为Date类型.
  parseDate('2006-1-1') return new Date(2006,0,1)
  parseDate(' 2006-1-1 ') return new Date(2006,0,1)
  parseDate('2006-1-1 15:14:16') return new Date(2006,0,1,15,14,16)
  parseDate(' 2006-1-1 15:14:16 ') return new Date(2006,0,1,15,14,16);
  parseDate('2006-1-1 15:14:16.254') return new Date(2006,0,1,15,14,16,254)
  parseDate(' 2006-1-1 15:14:16.254 ') return new Date(2006,0,1,15,14,16,254)
  parseDate('不正确的格式') retrun null
*/
function  parseDate(str) {
  if(typeof str == 'string'){
    var results = str.match(/^ *(\d{4})-(\d{1,2})-(\d{1,2}) *$/);
    if(results && results.length>3)
      return new Date(parseInt(results[1]),parseInt(results[2]) -1,parseInt(results[3])); 
    results = str.match(/^ *(\d{4})-(\d{1,2})-(\d{1,2}) +(\d{1,2}):(\d{1,2}):(\d{1,2}) *$/);
    if(results && results.length>6)
      return new Date(parseInt(results[1]),parseInt(results[2]) -1,parseInt(results[3]),parseInt(results[4]),parseInt(results[5]),parseInt(results[6])); 
    results = str.match(/^ *(\d{4})-(\d{1,2})-(\d{1,2}) +(\d{1,2}):(\d{1,2}):(\d{1,2})\.(\d{1,9}) *$/);
    if(results && results.length>7)
      return new Date(parseInt(results[1]),parseInt(results[2]) -1,parseInt(results[3]),parseInt(results[4]),parseInt(results[5]),parseInt(results[6]),parseInt(results[7])); 
  }
  return null;
}  

/*
  将Date/String类型,解析为String类型.
  传入String类型,则先解析为Date类型
  不正确的Date,返回 ''
  如果时间部分为0,则忽略,只返回日期部分.
*/
function  formatDate(v) {
  if(typeof v == 'string') v = parseDate(v);
  if(v instanceof Date){
    var y = v.getFullYear();
    var m = v.getMonth() + 1;
    var d = v.getDate();
    var h = v.getHours();
    var i = v.getMinutes();
    var s = v.getSeconds();
    var ms = v.getMilliseconds();   
    if(ms>0) return y + '-' + m + '-' + d + ' ' + h + ':' + i + ':' + s + '.' + ms;
    if(h>0 || i>0 || s>0) return y + '-' + m + '-' + d + ' ' + h + ':' + i + ':' + s;
    return y + '-' + m + '-' + d;
  }
  return '';
}