javascript提交表单后如何在输入框中显示日期字段？答案

【问题标题】：How to display the date field in input box after submitting the form in javascript?javascript提交表单后如何在输入框中显示日期字段？
【发布时间】：2021-02-15 07:43:17
【问题描述】：

提交表单后，我需要在同一页面的输入框中显示用户选择的日期。我指的是this 链接，如果我尝试在我的代码中实现相同的链接，我的表单不会被提交并且无法看到所需的输出。

这是我的代码：

HTML：

<form method="POST" id="myform">
<div class="de-section de-cart-stat d-flex align-items-center flex-wrap mt-4">
StartDate:<input type="date" id="stdate" name="stname">
EndDate:<input type="date" id="eddate" name="edname">
<button id="submitbtn" type="submit">Submit</button>

JS：

$("#submitbtn").click(function() {
 if ($("#stdate").val().length === 0 || $("#eddate").val().length === 0) {
   $("#errorModal").modal("show");
   return false;
  }
  else{
     $("form").submit();
}
});

有什么想法可以在使用javascript单击提交按钮后在输入框中显示日期。

【问题讨论】：

我的表单没有被提交，也看不到想要的输出。有任何错误信息吗？
@Kristian 没有错误消息。因为没有提交表单，所以选择的日期没有传递给后端脚本，我得到的只是空值而不是选择的日期。

标签： javascript html jquery form-submit datefield

【解决方案1】：

如果你想要你的蛋糕并且也吃它，请使用 AJAX

$("#myform").on("click", function(e) {
  e.preventDefault(); // stop submission 
  if ($("#stdate").val().length === 0 || $("#eddate").val().length === 0) {
    $("#errorModal").modal("show");
    return;
  }
  $.post("someUrl",$(this).serialize(),function(res) {
    $("someContainer").html(res)
  });  
});

【讨论】：