datePicker插件未在另一个Div中显示所选值

Question

我正在使用 airdatepicker.js进行日期票。就像jQuery date-packer一样，这是一个非常直接的约会者。

我试图在另一个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

为什么不：

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

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

eg：

var eventDates = [1, 10, 12, 22],
$picker = $('#request-date'),
$content = $('#input7'),
sentences = [ … ];
$picker.datepicker({
language: 'en',
onRenderCell: function (date, cellType) {
    var currentDate = date.getDate();
    // Add extra element, if `eventDates` contains `currentDate`
    if (cellType == 'day' && eventDates.indexOf(currentDate) != -1) {
        return {
            html: currentDate + '<span class="dp-note"></span>'
        }
    }
},
onSelect: function onSelect(fd, date) {
    var title = '', content = ''
    // If date with event is selected, show it
    if (date && eventDates.indexOf(date.getDate()) != -1) {
        title = fd;
        content = sentences[Math.floor(Math.random() * eventDates.length)];
    }
    $('strong', $content).html(title)
    $('p', $content).html(content)
}

}(