Javascript 回发后，jQuery将日期选择器日期文本保留到文本框中

回发后将日期选择器日期文本保留到文本框中， 我正在努力理解如何在回邮后将日期选择器日期保留在文本框中

$function{ $Arrival.datepicker{ minDate:0， 日期格式：“日/月/年”， showOn:按钮， 按钮图像：img/ui\u cal\u icon.gif， buttonImageOnly:正确， buttonText：选择日期 }; }; 假设您使用的是jQueryUIDatePicker

//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") );
});

试试这个：

回发前JAVASCRIPT

---

尝试按如下方式加载日期选择器

$(document).ready(function () {

           Sys.Application.add_load(function () {

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

        });

           });

       });

---

使用@RohithKP你有本地数据采集器的例子吗storage@ahosam您使用的是updatepanels吗？@Webruster否我使用的是mvci尝试了此操作，但无法使用按钮\u图像display@ahosam你说按钮图像不显示是什么意思？我无法打开datepicker从datepicker中选择日期Hanks，这是我的工作，但是如果我想要，当用户关闭特定浏览器选项卡时，数据将被删除。我只是替换了localStorage，而不是sessionStorage？？？@ahosam，没有必要使用会话存储。但您必须在必要时更新本地存储

function changedDate() {
    window.localStorage.setItem("Arrival", $("#Arrival").val());
}

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

$("#Arrival").val(window.localStorage.getItem("Arrival");

$(document).ready(function () {

           Sys.Application.add_load(function () {

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

        });

           });

       });