Hi everyone,
I’m currently working on a project where we use a Date input field for a birthdate registration form. The default format in our environment is set to MM/DD/YYYY.
However, we’ve encountered an issue where the date format changes based on the user's local machine or browser settings. For example, if a user's laptop is set to DD/MM/YYYY, the input field follows that local format instead of the format defined in our OutSystems application.
It seems like the client-side system settings are overwriting the input field’s intended format. I’m a bit confused about why this is happening and how to ensure a consistent format regardless of the user's device settings.
Has anyone else experienced this? If so, what is the best way to handle this or lock the format? I would appreciate any advice or solutions you’ve implemented for this.
Thanks in advance for the help!
Hi @jesu verso ,
First of all, I think it is the behavior of most of applications, not just Outsystems. All want the personalization on their devices.
Technically, if your variable is date, it is not an issue. Outsystems will store it in correct date value. On the other hand, if you use text, I recommend to change the format to yyyy-MM-dd to store.
Typically, there is another solution that you can attach DatePicker to the input to handle the date format to show. Note that the input must be text input, then you can specify the fixed date format for all users.
Hello,
Please note that if you are using input and make its type date it format will be forced to end user web browser or system configuration.You can replace input with datepicker which you can force the format for all users to the specific format you want.
Please also check this post:
https://www.outsystems.com/forums/discussion/87657/format-date-in-to-dd-mm-yyyy-inside-of-input/
If you are using input filed of date type then HTML5 date inputs cannot be forced to a fixed format; they always follow the browser locale. To lock the format, replace the native Date input with a custom Date Picker (OSUI DatePicker).Can you please share the oml.