HTML5 TextBox Type=date causes reformatting of date string?

Question

QUESTIONS

Why is type="date" reformatting my date string?

(From what I have read type="date" writes string as YYYY-MM-DD but this still doen't seem to output what is expected).

How can type="date" be formatted to desired output?

(Type date is required for touchpad keyboards).

TYPE:TEXT

<asp:TextBox type="text" ID="txtDate" runat="Server" Text="13/02/2014"/>

OUTPUTS

13/02/2014

<input type="text" value="13/02/2014">

TYPE: DATE

<asp:TextBox type="date" ID="txtDate" runat="Server" Text="13/02/2014"/>

OUTPUTS

2/1/2015

<input type="text" value="2/1/2015">

@Amitd Yes no luck. Also just tried : Convert.ToDateTime(DataBinder.Eval(Container.DataItem, "Date")).ToString("d") — DreamTeK
– DreamTeK, Commented Feb 13, 2014 at 16:17
It's going to be easier to tell what is being done to the HTML 5 date input if you show us the HTML 5 source instead of the ASP.NET source that generates it. — Quentin
– Quentin, Commented Feb 13, 2014 at 16:23
@Quentin see edits above. output shows no reason for this to occur. — DreamTeK
– DreamTeK, Commented Feb 13, 2014 at 16:38
@DreamTeK — Oooh, so the problem is that the ASP.NET isn't generating what you wanted? I thought you meant the browser was munging the date. — Quentin
– Quentin, Commented Feb 13, 2014 at 16:40

Community · Accepted Answer · 2021-10-07 06:15:07Z

1

The HTML5 input date expects the date in the RFC3339 format:

yyyy-mm-dd

See this jsfiddle. It shows:

02/14/2014

for

<input type="date" value="2014-02-14" />

edited Oct 7, 2021 at 6:15

CommunityBot

11 silver badge

answered Feb 13, 2014 at 16:31

Patrick Hofman

158k23 gold badges270 silver badges343 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

DreamTeK Over a year ago

Thanks I already noted the standards are yyyy-mm-dd. But does this mean I cannot use type=date AND format the date to desired output?

Patrick Hofman Over a year ago

No. Not according to the specs.

Patrick Hofman Over a year ago

More thoughts on this?

DreamTeK Over a year ago

Sorry Patrick I had to leave. Yes I now understand how it works and have added notes above.

Patrick Hofman Over a year ago

@DreamTeK: Can I help you with anything more?

DreamTeK · Accepted Answer · 2014-02-14 09:45:39Z

0

Why is type="date" reformatting my date string?

When using type="date" the date must be inserted in the format yyyy-mm-dd as per the specifications mentioned by Patrick below.

How can type="date" be formatted to desired output?

The date output will then be displayed to the user based on the users browser and their calendar settings.

e.g in my case I use UK calendar so if yyyy-mm-dd goes in dd-mm-yyyy will be displayed.

answered Feb 14, 2014 at 9:45

DreamTeK

34.6k30 gold badges127 silver badges180 bronze badges

Collectives™ on Stack Overflow

HTML5 TextBox Type=date causes reformatting of date string?

2 Answers 2

5 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related