Javascript 我想在div中显示来自js的结果

Javascript 我想在div中显示来自js的结果,javascript,php,html,forms,Javascript,Php,Html,Forms,我想用div或php显示这个示例的结果 <script> function dateformat() { var date = document.getElementById('date').value; date = moment(date).format('D MMMM YYYY'); document.write(date) return false; } </script> <script src

我想用div或php显示这个示例的结果

<script>
   function dateformat()
   {
     var date = document.getElementById('date').value;
     date = moment(date).format('D MMMM YYYY');
     document.write(date)
     return false;
    }
</script>

<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.3/moment.min.js"></script>
<form onsubmit="return dateformat()" action="<?=$_SERVER['PHP_SELF'];?>" method="post">
   <input type="date" name="date" id="date" >
   <input type="submit" onsubmit="return dateformat()">
</form>

<?php echo $_POST["date"]; ?>

我如何修改该代码以使用PHP格式:2019年8月日

<?php echo $_POST["date"]; ?>

为什么要用php实现这一点?这需要您执行一个额外的服务器请求,因此会导致更多的延迟和更糟糕的用户体验,而您只需更改一个元素

只需添加一个元素即可添加结果并将document.writedate替换为document.getElementByIdresult.innerText=date;这把戏做得很好

函数日期格式{ var date=document.getElementById'date'。值; date=momentdate.格式为“MMMM YYYY”; document.getElementByIdresult.innerText=日期; 返回false; }
如果你想让它进入你的php,你不能停止表单的提交,如果你这样做了,你将不得不使用你的js把它放到你想要的dom中,而不是使用你的php你想用dateformat函数实现什么?它总是返回false,因此表单永远无法提交。此外,PHP将立即呈现HTML模板,POST参数date将永远不会像这样呈现。有什么真正的解决方案吗?如果您不打算提交表单,而是调用dateformat,那么您就不能使用PHP。您可能需要熟悉一点PHP和javascript。我如何修改代码以使用这种格式的PHP:DAY August 2019,但我如何以类似PHP的方式显示结果。因为我想用这个。我只能把php放在那里,不能放html。用AJAX或表单提交将请求发送到服务器,并在发布数据中注明日期。然而,最重要的问题是,为什么要用php而不是javascript来实现这一点?你期望的结果是什么?我觉得你不需要向服务器请求这个,我不知道怎么做。我使用php是因为它有点容易使用。php适合于服务器端编码,客户端不能使用php。这就是使用Javascript的地方。我建议您稍微研究一下网站的客户端、服务器架构。作为一个问题来回答有点太宽泛了。