提交后我不想清除日期选择器的输入答案

【问题标题】：I dont want to clear the input of datepicker after submit提交后我不想清除日期选择器的输入
【发布时间】：2018-11-02 07:14:51
【问题描述】：

输入日期选择器中的数据在提交后消失。但即使在提交后我仍然希望它保留请任何人帮助！

<script>
$(function() {
    $("#datepicker1").datepicker({
        dateFormat : 'dd/mm/yy'
    });
});
</script>
<input type="text" name="fromDate"
        id="datepicker1" />

【问题讨论】：

标签： jquery date jsp datepicker

【解决方案1】：

您需要在提交表单后重新初始化您的日期选择器字段。所以你需要在表单提交后编写以下代码。

var oldValue = $('#dtFrom').val();
$("#datepicker1").datepicker({
    dateFormat : 'dd/mm/yy'
});
/* If want to preserve old selected value */
$('#dtFrom').val(oldValue);

如果使用 ajax 调用表单提交，

$.ajax({
    url :   'includes/action.php',
    method: "POST",
    data    : {recipe:1},
    dataType : "html",
    success : function(data){
         /* Initialize datepicker */
         var oldValue = $('#dtFrom').val();
         $("#datepicker1").datepicker({
                dateFormat : 'dd/mm/yy'
         });
         /* If want to preserve old selected value */
         $('#dtFrom').val(oldValue);
    }
})

【讨论】：

【解决方案2】：

EDITED：您可以通过以下代码将日期选择器的值保存到会话中：

var datepickerVal = $("#datepicker1").val();
 sessionStorage.setItem('datepicker', datepickerVal);

然后您可以在加载时检查sessionStorage中是否有值datepickerVal，然后使用以下代码显示在输入字段中：

if(datepickerVal in sessionStorage && sessionStorage.getItem("datepicker")!=null){
  /*****Here set the value of input field to the required value****/
  $("input[id=datepickere1]").attr('value',sessionStorage.getItem("datepicker"));
}

【讨论】：

你在表单提交上使用 ajax 调用吗？