Question

我有一个jQuery用户界面日历：

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

和div日历显示日历：

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

我也有以下输入文本，用于将日期转换成表格形式：

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

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

我想在日历div中显示日历，当用户选择某个日期时，我想将此日期添加到输入（日期）字段中。任何想法如何做到这一点？

Answer 1

您将需要使用以下内容更新您的js代码：

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

当用户选择使用onSelect设置的日期时，日期选择器将接受回调函数，并且您可以将用户选择的日期作为参数接收。

然后您查询输入字段#date并将日期指定为输入字段的值

div中的jQuery日历，添加日期以点击时输入

1 个答案: