You are facing the problem displaying the date in HTML5 input datetime-local in Chrome. In FireFox the same web page, with the same HTML code, looks pretty good
In fact, the datetime-local attribute is rather new in HTML5 specification and the implementation differs from one browser to another.
By reading the HTML5 specs about this attribute, I noticed that date and time part should be separated by literal string “T”
FireFox is more permissive for this particular scenario and displays the date correctly. Chrome respects the specification without applying any magic and does not recognize the “wrong” date format.
The solution is to respect the w3c specification and to use the literal string “T” between date and time parts. Like this
If your HTML code is generated programmatically (PHP, Java, etc), you should apply the special formatting for your objects containing dates.
1 2 3 4 5
Please, note, that accordingly to SimpleDateFormat pattern doc, literal T must be enclosed between single quotes.