jquery - How can I change input to span in Datapicker?

Question

How can I make the date selected in the datapicker show in a span and not in an input?

<input type="text" id="datep" /> => <span id="datep"></span>

标签： jqueryinputdatepicker

Answer 1

在 HTML 中

<span id="showdate">Here you can show the selected date</span><br/>
<label>Date Picker:</label>
<div  id="date" class="date" ></div>

jQuery

$(document).ready(function () {
    $(".date").datepicker({
        dateFormat: "DD, d MM, yy ",
        onSelect: function (d) {
            $('#showdate').text(d);
        }
    });
});

现场演示