Question

输入日期选择器中的

数据在提交后消失。但我仍然希望它在提交后保持不变请任何人帮忙！

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

Answer 1

已编辑：您可以通过以下代码将datepicker的值保存到会话中：

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

Answer 2

您需要在提交表单后重新初始化datepicker字段。因此，您需要在表单提交后编写以下代码。

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

我不想在提交后清除datepicker的输入

2 个答案: