jQuery保留DatePicker日期文本回發後的文本框

保留DatePicker回發後的日期文本到文本框，我想努力瞭解如何在回發後將DatePicker日期保留到文本框中。jQuery保留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" />

我已經嘗試了很多沒有工作的選項。

你有什麼建議嗎？謝謝。

來源

2017-04-20 ahosam

使用[localStorage的（https://www.w3schools.com/html/html5_webstorage.asp） – Ninjaneer

@RohithKP你有日期選擇器例如加載你的DatePicker本地存儲 – ahosam

@ahosam你使用的是updatepanels嗎？ – Webruster

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

來源

2017-04-20 10:38:27 Ninjaneer

謝謝，這與我一起工作，但如果我想要數據在用戶關閉特定瀏覽器選項卡時被刪除。我只是將sessionStorage替換爲localStorage？ – ahosam

@ahosam不需要使用會話存儲。但你必須在必要時更新'localStorage' – Ninjaneer

這裏數據試試這個：

前回傳（JAVASCRIPT）

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

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

後回傳（JAVASCRIPT）

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

來源

2017-04-20 10:40:12 ThatAwesomeCoder

嘗試如下

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

     }); 

      }); 

     });

來源

2017-04-20 11:00:12 Webruster

我試過這個但是沒有工作button_Image沒有顯示 – ahosam

@ahosam你是什麼意思button_Image沒有顯示 – Webruster

我無法打開datepicker從datepicker中選擇日期 – ahosam

jQuery保留DatePicker日期文本回發後的文本框

回答

相關問題