Date Format

Different date formats are applied to different DateBox components.

示例：

代码：

					
<div class="easyui-panel" style="width:100%;max-width:400px;padding:30px 60px;">
	<div style="margin-bottom:20px">
		<input class="easyui-datebox" label="Default Format:" labelPosition="top" style="width:100%;">
	</div>
	<div style="margin-bottom:20px">
		<input class="easyui-datebox" label="Customized Format:" labelPosition="top" data-options="formatter:myformatter,parser:myparser" style="width:100%;">
	</div>
</div>
<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>