[CLOSED] Panel.Update returns NaN in IE + FF, working fine in Chrome

[blueworld]

Hello,

I have a Panel where I display a total and relative time, dependent upon a slider value.

myPanel.update(Ext.String.format('<b>{0}</b><br><b>- - -</b><br><b>{1}</b>',
removeYMD(value1),value2));

The Chrome Result looks like:

11:19:33
- - -
00:04:01

IE and Firefox:

NaN:NaN:NaN
- - -
aN:aN:aN

for example, my function removeYMD gets a Date object and returns a string:

function removeYMD(myDate) {
var myTime= myDate.getHours() + ":" + twoDigits(myDate.getMinutes()) + ":" + twoDigits(myDate.getSeconds());
return myTime;
}

In my first research I have read something about that FF has problems with parsing Numbers inside a bold tag? Sounds odd to me. Any Idea how to fix that?

[geoffrey.mcgill]

Can you post your twoDigits function.

It's always best if you can provide a simplified .aspx code sample demonstrating the whole scenario. If we can copy/paste your sample directly into our test project without having to piece together a bunch of code snippets, you will get a faster response.

[geoffrey.mcgill]

As well, you shouldn't require a separate function to format those Date object values. You can use the Ext.Date helpers, see

http://docs.sencha.com/ext-js/4-1/#!/api/Ext.Date

Example

Ext.Date.format(value1, 'G:i:s');

Hope this helps.

[blueworld]

Hi Geoffrey,

this is my two digits function:

function twoDigits(value) {
    var tempString = new String(value);
    if (tempString.length < 2) {
        tempString = "0" + tempString;
    }
    return tempString;
}

I will have a look at these date helpers and report if this solved the problem.

[blueworld]

[geoffrey.mcgill]

I think you'll have to post a simplified .aspx code sample demonstrating how to reproduce the whole scenario. Please ensure you remove all code that is not directly related to reproducing the problem.

[blueworld]

Ok I have now found and solved the problem. I'm getting my date object with a webrequest, the result is serialized with newtonsoftJSON. In my previous code I returned it as a String and created a new date object in Javascript.
The problem is that FF and IE only accept specific constructors for a JS date object whereas chrome seems to be more flexible. You can read more about it here: http://biostall.com/javascript-new-d...date-in-safari

I have changed

TimestampUTC.Value.ToString("yyyy-MM-dd HH:mm:ss")

to

TimestampUTC.Value

and instead of serializing a string, I'm serializing a .net Date object.

Thanks anyway for the hint with the ext date helper, this makes things easier.

Can be closed

[Daniil]

Thank you for sharing a solution.

It is good to know and can help someone on the forums in the future.