Поведение ввода по дате ввода HTML5 в мобильных браузерах

Question

У меня есть пара входных данных даты HTML5 изначально пустая. Когда один из них настроен, и я перехожу к другому, я хочу, чтобы дата первого была предложена в списке выбора даты (в мобильном браузере текущая дата обычно предлагается по умолчанию). Мне удалось добиться этого, используя свойство defaultValue (reference), его можно проверить в этом рабочем примере: https://jsfiddle.net/6j8xwzeu/.

Это решение, по-видимому, работает, как только дата установлена, его дата действительно предлагается. Однако, если я удалю одну из дат, и я перейду к редактированию другой, первая дата не предлагается на этот раз.

Любые идеи о том, как я могу достичь поведения, даже если я изменяю даты несколько раз?

Answer 1

Вы можете использовать Ternary operator https://jsfiddle.net/moongod101/b45uby2d/