Как открыть диалоговое окно Datepicker при щелчке по полю ввода, а не по иконке или стрелке

Question

Я хочу открыть диалоговое окно DatePicker по щелчку окна ввода, а также значок.
мой код: <input type="date" name="bday" id="bday" >
Есть ли способ исправить это, используя ТОЛЬКО JavaScript .

Answer 1

Обратите внимание, что input type="date" не поддерживается в Safari или Internet Explorer 11 и более ранних версиях, поэтому я бы не рекомендовал использовать это - см. Эту ссылку https://caniuse.com/#search=date

Вот простой пример использования Bootstrap Datepicker , совместимый с различными браузерами

JSFiddle Demo

$(document).ready(function() {
    $('input[id="js-date"]').datepicker();
});

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.css">

<h3>Bootstrap datepicker demo</h3>

<div class="input-group date">
  <label for="js-date">Date:</label>
  <input type="text" class="form-control" id="js-date">
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js"></script>

Answer 2

Краткий ответ: Нет .

Кроме того, это дублированный вопрос, см .: Открыть HTML5-палитру дат при нажатии на значок