Date formatting

[Pierre]

Hello all
I have this function (for date formatter filed):

Code:

...
 <class="fitem"><label>Date</label><input class="easyui-datebox" name="boq_date" data-options="formatter:dateformatter,parser:dateparser">
... 

and this function:

Code:

function dateformatter(date)
{  
  var d = date.getDate();  
  var m = date.getMonth()+1;  
  var y = date.getFullYear();  
  return (d<10?('0'+d):d)+'.'+(m<10?('0'+m):m)+'.'+y;  
}  

I need this format:
14.04.2014 instead of 04/14/2014
and it does not work. I returns only today's date.
How to format datebox correctly so I can have 14.04.2014 displayed?
Thank you.

[stworthy]

Please try this:

Code:

<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 (d<10?('0'+d):d) + '.' + (m<10?('0'+m):m) + '.' + y;
	}
	function myparser(s){
		if (!s) return new Date();
		var ss = (s.split('\.'));
		var d = parseInt(ss[0],10);
		var m = parseInt(ss[1],10);
		var y = parseInt(ss[2],10);
		if (!isNaN(y) && !isNaN(m) && !isNaN(d)){
			return new Date(y,m-1,d);
		} else {
			return new Date();
		}
	}
</script>

[Pierre]

It works perfect, thank you.

[Pierre]

Stworthy
could you please tell me (or someone else) how to use your example to return US date?
I use
data-options="formatter:myformatter,parser:myparser"
for all date fields and when I need European date, your example works OK but when I need US date, I need to somehow return 04/17/2014 instead of 17.04.2014
thanks for any hint.

[stworthy]

If you want to use '04/17/2014' format, don't use the custom 'formatter' and 'parser' functions. So <input class="easyui-datebox" data-options="formatter:myformatter,parser:myparser"> will return '04/17/2014' format and <input class="easyui-datebox"> will return the default US format.

[Pierre]

Thank you Stworthy, I understand that, but I meant to keep <input class="easyui-datebox" data-options="formatter:myformatter,parser:myparser"> and to change 'formatter' and 'myparser' (JavaScript) side instead of HTML side (there where I declare them).
It it is not possible, then OK - I would use as you suggested.
Thanks.