How to show input date in YYYY-MM-DD format

Asked Feb 17 '20 at 19:17

Active Feb 17 '20 at 19:17

Viewed 47 times

I want to show input date in YYYY-MM-DD format. I don't want to use moment.js like shown in the link enter link description here

When I select date I want date to be shown as "YYYY-MM-DD" format. Here is what I tried

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<body >
  <input type="date" id="bday" required pattern="\d{4}-\d{2}-\d{2}">
  <input type="date" id="bday" date-format="YYYY-MM-DD">
</body>

I am running this using electron framework which has chromium built-in. I still wonder if there is a way to change format of date after selecting date.

asked Feb 17 '20 at 19:17

karansys

2,449
7
40
78

Why would you want to overwrite the format the user has selected? – Andreas Feb 17 '20 at 19:19
Suppose user has selected "17/02/2020".Inside the input field, I want date to be shown as 2020-02-17 – karansys Feb 17 '20 at 19:21
This is a requirement for UI design – karansys Feb 17 '20 at 19:21
1

Then tell them that the user/client knows best how a date has to be formatted. The server receives the date in YYYY-MM-DD format. – Andreas Feb 17 '20 at 19:23
I recall `type="date"` cannot do what you want. It's dependent on the OS language and time-zone settings. Correct me if I'm mistaken. Use `type="text"` and use JS - or respect the user settings! - and fix the date on server-side. – Roko C. Buljan Feb 17 '20 at 19:23
1

Does this answer your question? [Is there any way to change input type="date" format?](https://stackoverflow.com/questions/7372038/is-there-any-way-to-change-input-type-date-format) – johannchopin Feb 17 '20 at 19:25
1

Use Jquery datepicker. – Rob Moll Feb 17 '20 at 19:27
Thanks to all I think best would be to use jquery datepicker – karansys Feb 17 '20 at 19:33

How to show input date in YYYY-MM-DD format

0 Answers0