485
Views
2
Comments
Format Date in to "dd/mm/yyyy" inside of input

I would like to change the format of my date.

I cannot make this dd/mm/yyyy somehow. All I want is to change the format of my input's date.

I don't want to use the datepicker widget because I like the datepicker of the default version better and more professional. 


I know that I can use the widget and have it fixed like this

But i really want to keep the other one and just change the format.

2021-03-08 09-24-09
Rúben Meireles

Hi Kadir,

As far as I'm aware the date format when you use an input depends on the locale of the user's browser, so we cannot change it. If you want to specify a date format then you need to use a widget like you have there :) 

Cheers, 

Rúben

2023-10-21 19-42-11
Tousif Khan
Champion

Hello

The date format is based on the browser and your device

Desktop devices

For Chrome, Firefox, and Opera, the formatting of the input field's text is based on the browser's language setting. For Edge, it is based on the Windows language setting. Sadly, all web browsers ignore the date formatting configured in the operating system. To me, this is very strange behaviour, and something to consider when using this input type. For example, Dutch users that have their operating system or browser language set to en-us will be shown 01/30/2019 instead of the format they are accustomed to: 30-01-2019.

Mobile devices

Specifically for Chrome on Android, the formatting is based on the Android display language. I suspect that the same is true for other browsers, though I've not been able to verify this.

Server Time

It will take the format what is defined on your environment of OutSystems

You can also check this post for the same and details on it
https://www.outsystems.com/forums/discussion/61615/date-format-is-override-by-browser-date-format/

Thanks

Tousif Khan

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.