json stringify and DatePicker value

[Richard]

I am using JSON.stringify to create a value stored in a database on the server side.  When the value comes back and is placed in datepicker the value does not look right.

This fiddle mimics the process.
http://jsfiddle.net/RichardAD/jfugG/
Something wonky is up because the datepicker icons don't appear and the css is barfed.

I also tried using obj.data('kendoDatePicker').value().getTime() for storage and that didn't not work either.

How do YOU serialize and deserialize dates used with DatePickers ?

[Alexander Valchev]

Hi Richard,

The reason for the problem is that the datestring cannot be automatically parsed to a valid date object. This behaviour can be observed without Kendo:

var dateString = JSON.stringify(new Date());
new Date(dateString); //Invalid date

You can try to:

• build a JavaScript Date object manually from the returned string, 
• return date in another format from the server
• use another approach to deserialize the date on the client

For example:

dateval = $("#date1").data('kendoDatePicker').value();
datestring = dateval.toString();
$("#msg").append(datestring+'<br>');
$("#date2").data('kendoDatePicker').value(datestring);

For convenience I have updated your example and included the datePicker widget formatting options, please check the result.

Kind regards,
Alexander Valchev
the Telerik team

[Richard]

Thank you for the example Alexander.

My interim solution was to explicitly create a string that Date implicitly parses

function MDY (date) {
return (date.getMonth()+1) + '/' + date.getDate() + '/' + date.getFullYear() ;
}

... event 
config.sales.date0:    MDY($('#sales-date-begin').data('kendoDatePicker').value()),
... store stringified object in server db
... event
... query stringified object from server db 
$("#sales-date-begin").data('kendoDatePicker').value(config.sales.date0);

Regards,
RichardAD