Как преодолеть войну браузеров при выборе DateTime input?
есть поле ввода:
type="datetime-local"
в Chrome все ок Date picker с часами. Но
декстопный сафари и FireFox ТОЛЬКО дата пикер без часов.
мобильный сафари все хорошо пикер с датой и часами.
как сделать везде одинаково?
Дополнительно:
как сделать везде одинаково?
- если только писать свой с нуля ( типа на дивах ), или использовать готовый самописный чей-либо
Ответы:
в Chrome все ок Date picker с часами.
да нифига, например при скорле с открытым датапикером само окошко датапикера остается на месте, а поле селекта стандартно скорлится отдельно...
Короче, пока только на яваскрипте, например https://flatpickr.js.org/examples/
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для преодоления проблемы с войной браузеров при выборе DateTime input, можно воспользоваться стандартным HTML5 элементом input с типом "datetime-local". Однако, не все браузеры поддерживают этот тип input, поэтому для обеспечения совместимости с разными браузерами, можно использовать библиотеку moment.js.
Ниже приведен пример использования элемента input с типом "datetime-local" и библиотеки moment.js для обработки даты и времени:
document.getElementById('datetime').addEventListener('change', function() { var datetime = moment(this.value).format('YYYY-MM-DDTHH:mm'); console.log(datetime); });document.getElementById('datetime').addEventListener('change', function() { var datetime = moment(this.value).format('YYYY-MM-DDTHH:mm'); console.log(datetime); });
В этом примере, при изменении значения в элементе input с типом "datetime-local", используется библиотека moment.js для форматирования даты и времени в нужный формат (YYYY-MM-DDTHH:mm). Затем отформатированная дата и время выводится в консоль.
Таким образом, использование стандартного HTML5 элемента input с типом "datetime-local" в сочетании с библиотекой moment.js позволяет преодолеть проблему с войной браузеров при выборе DateTime input и обеспечить совместимость с различными браузерами.