Дата типа ввода, получение даты из другого места

У меня есть ввод типа date, на некоторых компьютерах он возвращает дату в формате dd/MM/yyyy, а на других возвращает в формате MM/DD/yyyy, я бы хотел, чтобы он возвращал только формат dd/MM/ гггг бразильский узор

                        <div class = "input-group input-group text-center input-cep w-mmd-50 input-date">
                            <input formControlName = "data" type = "date" min = "{{today}}" class = "form-control"
                            id = "inputData"  >
                       </div>

Будет ли способ сделать это только с помощью HTML, javascript или угловой трубы? Я ничего не нашел по этому поводу, я искал об этом, и он говорит, что он меняется в зависимости от локали или браузера.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
0
36
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Значение даты по умолчанию, которое вы получаете из input type="date", находится в формате (гггг-мм-дд), вам нужно изменить его в соответствии с вашими требованиями. Для справки вы можете проверить здесь

function myDateFormat() {

var dateControl = document.querySelector('input[type = "date"]');
console.info(dateControl.value);
const [year, month, day] = dateControl.value.split('-');

const result = [day, month, year].join('/');
document.getElementById("showDate").innerHTML = result;

}
#showDate {
margin-top:10px;
}
<input type = "date" onchange = "myDateFormat()">
<div id = "showDate"></div>

ваш ответ очень хорош, но нельзя ли изменить <input> ? вместо создания нового div с правильным значением

Leonardo 11.05.2022 16:47

Если вы просите изменить формат мм/дд/гггг на мм/дд/гггг, в самом вводе это невозможно, потому что ввод имеет формат по умолчанию, его нельзя изменить.

Sumit Sharma 11.05.2022 16:52

Давайте продолжить обсуждение в чате.

Sumit Sharma 11.05.2022 17:00

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date [жирный шрифт]

Note: The displayed date format will differ from the actual value — the displayed date is formatted based on the locale of the user's browser, but the parsed value is always formatted yyyy-mm-dd.

Другими словами, вы можете позволить браузеру определять форматирование, так как это будет зависеть от пользователя для международного потребления.

Другие вопросы по теме

Похожие вопросы

Как мне преобразовать UTC DateTime в локальный DateTime, не получая другого формата
Javascript - как сравнить значения свойств объекта со значениями массива, а затем заменить значения объекта значениями массива?
Ошибка Fetch API CORS: авторизация поля заголовка запроса не разрешена Access-Control-Allow-Headers в предварительном ответе
Добавить документ с автоматически сгенерированным идентификатором в подколлекцию?
Я пытаюсь создать кнопку, которая создает элемент p с определенным идентификатором. Проблема в том, что для идентификатора задан объект undefined
Javascript — как перебирать объекты внутри объектов, которые также содержат массивы?
Как создать всплывающий компонент с размытым/отключенным фоном?
Как обновить свойства React с задержкой во времени и постоянно сортировать массив до ближайшего определенного числа X?
Оператор return в функции, которая преобразует десятичные числа в двоичные
Каков наилучший способ загрузки нескольких изображений с помощью jquery