Question

我正在使用airdatepicker.js作为我的约会选择器。它就像JQuery日期选择器一样，是一个非常直接的日期选择器。

我想在另一个div中显示所选日期。（所选日期的值。）

这是我的日期选择器：

<div class="col-12 col-md-4">
     <span>Date of Request*</span>
     <input type="text" name="request-date" id="request-date" placeholder="Select a Date" class="input-type-date datepicker-here" data-language="en" onblur="if (this.placeholder == '') {this.placeholder = 'Select a Date';}" onfocus="if (this.placeholder == 'Select a Date') {this.placeholder = '';}">
</div>

我试图将所选日期的值从datepicker附加到此div：

<div class="col-12 col-md-5 spacing">
     <h5><strong>Date of Request</strong></h5><div id="input7"></div>
</div>

使用这个JQuery：

$('#request-date').keyup(function() {
    $('#input7').text($(this).val());
});

我不知道为什么但它不起作用。我想这可能是因为值字段可能是空的。

但我不知道为什么会是空的。

知道如何解决此问题吗？

Answer 1

为什么不：

editable_phone_type

或使用airdatepicker事件：http://t1m0n.name/air-datepicker/docs/#events

例如：

$( "#request-date" ).change(function() {
    console.log("value = " + $(this).val()); //just to check val( )
    $('#input7').html($(this).val());
});

}）

datepicker插件未在另一个div

1 个答案: