StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POCreate an input type="date" in Ember
primarykey
Id
17567236
data
AcceptedAnswerId
17571495
AnswerCount
2
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2013-07-10T09:36:38.530
FavoriteCount
2
LastActivityDate
2013-07-10T14:25:19.077
LastEditDate
2013-07-10T14:25:19.077
LastEditorUserId
2071352
OwnerUserId
2071352
ParentId
0
PostTypeId
1
Score
5
ViewCount
3173
LastEditorDisplayName
text
Body
I'm trying to create an <code><input type="date"/></code> in Emberjs and I have two problems: <ol> <li>In my country the date is displayed as DD-MM-YYYY format while the date field requires a MM-DD-YYYY format (and then the browser displays it according to its locale). So the date should be formatted in one way if the browser supports the date input field and in the other way if not</li> <li>The date is bound to a Date object</li> </ol> I'm using Momentjs for formatting and Ember Data. I'm trying to extend Ember.TextField like this: <pre><code>App.DateField = Ember.TextField.extend value: ( (key, value) -> if value? if /Date/.test value.constructor #I assume that if the passed value is a Date object then it is arriving directly from the model if Modernizr.inputtypes.date moment(value).format('YYYY-MM-DD') else moment(value).format('DD-MM-YYYY') else # if the passed value is not a Date object then the user is typing into the form if Modernizr.inputtypes.date value = new Date('value') else value ).property() type: 'date' </code></pre> For browsers with date input supports this works. For the other browsers the date is correctly displayed, but it is saved as a (wrong formatted) string in the model. How can I maintain the correct formatting while still using Date objects in the backend? <a href="http://jsfiddle.net/guybrushthreepwood/zRzxp/" rel="noreferrer">Demo</a> Update Thanks to the blog post provided in the accepted answer I was able to update the demo to do what I want (with some weirdnesses, but not relevant at this time) <a href="http://jsfiddle.net/guybrushthreepwood/zRzxp/9/" rel="noreferrer">Demo2</a>
Tags
<javascript><html5><ember.js>
Title
Create an input type="date" in Ember
singulars
PostAcceptedAnswerId
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USMir
UserOwnerUserId
1. USMir
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
2. PO
 singulars
 PostTypePostTypeId
 PTAnswer
VotesPostIdCreationDate
1. VO
 singulars
 PostPostId
 POCreate an input type="date" in Ember
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
CommentsPostId
1. This table or related slice is empty.

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.