JQuery календарь в DIV, добавить дату для ввода по клику

Question

У меня есть календарь jquery ui:

$(function() {
    $("#calendar").datepicker({
        dateFormat: 'dd/mm/yy'
    });
});

и календарь div для отображения календаря:

<div id="calendar"></div>

У меня также есть этот текст для ввода даты в форму:

<input type="text" id="calendario">

<input type="text" id="date">

Я хотел бы показать календарь в календаре, и когда пользователь выбирает какую-либо дату, я хотел бы добавить эту дату в поле ввода (дата).Есть идеи как это сделать?

Answer 1

Вам потребуется обновить код js следующим образом:

$(function() {
    $("#calendar").datepicker({
       dateFormat: 'dd/mm/yy',
       onSelect:function(date){
         $('#date').val(date);
       }
    });
});

Datepicker принимает функцию обратного вызова, когда пользователь выбирает дату, которую вы установили с помощью onSelect, и вы можете получить в качестве аргумента дату, которую выбрал пользователь.

Затем вы запрашиваете поле ввода #date и назначаете дату значение поля ввода