<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="./jquery-easyui-1.5/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="./jquery-easyui-1.5/themes/icon.css">
<link rel="stylesheet" type="text/css" href="./jquery-easyui-1.5/demo/demo.css">
<script type="text/javascript" src="./jquery-easyui-1.5/jquery.min.js"></script>
<script type="text/javascript" src="./jquery-easyui-1.5/jquery.easyui.min.js"></script>
<script type="text/javascript" src="./jquery-easyui-1.5/locale/easyui-lang-zh_CN.js"></script>
</head>
<body>
<h2>日期格式化</h2>
<div class="demo-info">
<div class="demo-tip icon-tip"></div>
<div>用不同的格式格式化不同的日期框组件.</div>
</div>
<div style="margin:10px 0;"></div>
<input class="easyui-datebox"></input>
<input class="easyui-datebox" data-options="formatter:myformatter,parser:myparser"></input>
<script type="text/javascript">
function myformatter(date){
var y = date.getFullYear();
var m = date.getMonth()+1;
var d = date.getDate();
return y+'/'+(m<10?('0'+m):m)+'/'+(d<10?('0'+d):d);
}
function myparser(s){
if (!s) return new Date();
var ss = (s.split('/'));
var y = parseInt(ss[0],10);
var m = parseInt(ss[1],10);
var d = parseInt(ss[2],10);
if (!isNaN(y) && !isNaN(m) && !isNaN(d)){
return new Date(y,m-1,d);
} else {
return new Date();
}
}
</script>
</body>
</html>