<%@ 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>Date formatting</h2>
<div class="demo-info">
<div class="demo-tip icon-tip"></div>
<div>Format different datebox components with different formats.</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>