javascript - jQuery 在回发后将 DatePicker 日期文本保留到文本框中

Question

回发后将 DatePicker 日期文本保留到文本框中， 我正在努力了解如何在回发后将 DatePicker 日期保留到文本框中。

$(function () {
    $("#Arrival").datepicker({
        minDate: 0,
        dateFormat: 'dd/mm/yy',
        showOn: "button",
        buttonImage: "img/ui_cal_icon.gif",
        buttonImageOnly: true,
        buttonText: "Select date"
        
    });
});

                            <input class="calendarr font" name="Arrival" readonly  type="text" id="Arrival" onchange="changedDate()">

<input type="submit" class="btns" value="Search"  />

我尝试了很多选项，但都不起作用。

你有什么建议吗？谢谢。

Answer 1

    //on submit
    // Store
    localStorage.setItem("inputVal", $('calendarr').val());

    //on page load
    // Retrieve
    var storedVal = localStorage.getItem("inputVal");
    $('calendarr').val(storedVal);

假设您正在使用 jquery UI 日期选择器。

//to store data on date change
    $("#Arrival").datepicker({
        onSelect: function(dateText, inst) {
            var date = $(this).val();
             localStorage.setItem("inputVal", date);
        }
    });

最初从 LS 填充数据

$( document ).ready(function() {
  $('#Arrival').datepicker("setDate", localStorage.getItem("inputVal") );
});