I have a twitter feed and I create a new date obj so I can format the date to my liking.
var created = new Date(this.created_at)
works in firefox and chrome but not in IE7. I seem to be having trouble passing the date through the new Date()
function. It just returns undefined and NaN.
Here is the code. If you try to test it out don't forget to include jquery. Thank you.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Twitter Test</title>
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" >
$(function(){
$.getJSON("http://twitter.com/statuses/user_timeline/google.json?count=1&callback=?", function(data){
$.each(data, function(){
var created = new Date(this.created_at)
$("<div></div>").append("<ul><li>Unformatted: " + this.created_at + "</li><li>Formatted: " + created + "</li></ul>").appendTo("body")
});
})
})
</script>
</head>
<body>
</body>
</html>
Here is what I made to correct this!
And this give me "19:38 PM 23 April 2012" on Chrome, IE and Firefox.
I've found the jQuery Globalization Plugin date parsing to work best. Other methods had cross-browser issues and stuff like date.js had not been updated in quite a while.
You also don't need a datePicker on the page. You can just call something similar to the example given in the docs:
You'll want to make sure the date is parsed as UTC, because otherwise javascript will interpret it as a date in your local timezone.
The date looks like this:
Tue Jul 13 23:18:36 +0000 2010
You can parse it like this:
Which will give the correct date/time in the local timezone, for example:
Tue Jul 13 2010 19:18:36 GMT-0400 (EDT)
So that should leave your code looking something like this: