Home/ Questions/Q 9064069
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-16T16:09:20+00:00

Problem: Get a date inside of a JSONP response that looks like 2012-11-11T04:27:25Z (which

  • 0

Problem: Get a date inside of a JSONP response that looks like “2012-11-11T04:27:25Z” (which is the default date output from a Rails app) into a date field in a model instance in a Sencha Touch 2 app without it being an Invalid date.

Background: I have a Rails app that is generating JSONP, which I read into a Store in my Sencha Touch 2 app, and the date, as formatted by Rails comes into the Sencha Touch 2 app as an Invalid Date.

To reproduce: To reproduce the problem for this question and duplicate the error, use the Fiddle below. Note: I took the Rails server out of the picture by hard-wiring the data into a store with a date formatted the same way my Rails app has been outputting them. So, in other words, I have reproduced the entire problem locally in the Sencha Touch 2 app by mimicking what my Rails app does server-side.

Fiddle: http://www.senchafiddle.com/#7qQkb. To see the problem, run the Fiddle from a Webkit browser and view the JavaScript console inside the Webkit Developer Tools.

Symptom: What will happen is that the XTemplate that is created by the List component within the app executes code (inside {[]} brackets) to output a date for your inspection in the console. When you inspect the date that is outputted, you will see: __proto__: Invalid Date. The date will still show up just fine in the view, but because it is an invalid date, I cannot format the date or retrieve different parts of the date object.

My question is this: Is there something that I can do to my model or my store, or alternatively to my Rails app, to get the date into a model instance without it being an Invalid Date?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    What you see is just the returned value of toString method in the Date prototype

    Date.prototype.toString(); // "Invalid Date"

    That´s why absolutly all the “dates” say exactly the samething. However, it doesn´t mean date are wrong! In extjs, if you want to format a date field in you model you should use:

    { name: 'timestamp', type: 'date', dateFormat: "Y-m-d H:i" }

    But if you only want to format it to display it, you can use the format yo used, one of the named built-in format or just the sameone I used in the example: Y-m-d H:i

    • 0