jQuery Retain 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 datepickerを使用しているとします。 POST BACK（JAVASCRIPT） AFTER

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

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

（JAVASCRIPT）ポストバック前に

：最初にこれを試してください。ここLS

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

Answer 2

からデータを取り込むために

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

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

Answer 3

$(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" 

     }); 

      }); 

     });