Как получить значение из datepicker?

Question

[FimozMozga]

Использую datepicker Tailwind

<input id="datepicker" name="date" datepicker type="text" placeholder="Select date">

Хочу что бы при выборе даты, дата сразу же подгружалась в нужное место с id="open-date-field"

Написал вот такой код

$('#datepicker').click(function() {
    var val = $('#datepicker').val();
    date = val.replace(/\//g, '.');
    console.log(date);
    $('#open-date-field').html(date);
});

И вроде бы все хорошо, но, когда я выбираю дату в пикере, дата не подгружается в нужное мне место, но если я опять второй раз нажму на пикер, то дата подгрузится ок и так всегда. Как можно исправить это поведение?

Answer 1

[Denis Melnikov]

Для начала. Хорошо бы уметь чистом JS это делать.и судя по задаче , нужен event - onchange, далее просто value перекинуть на ID

Comments

[FimozMozga]

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

[Юрий Матрос]

так пробовал?

$(document).ready(function() {
    $('#datepicker').on('change', function() { // change заменить на input чтоб реальном времени менялись значения
      var selectedDate = $(this).val();
      $('#open-date-field').text(selectedDate);
    });
  });