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日期文本回发后的文本框

回答

相关问题