javascript - 更新 DOM 并发送当前时间

Question

我试图发送单击按钮时的当前时间，但我得到的是页面加载的时间，而不是当前时间。该按钮使用 API 在 Google 表格上提交表单。

获取时间的PHP代码:

<?php 
    date_default_timezone_set("Europe/Athens"); 
    echo date("d-m-Y"). " at ".date("h:i:sa"); 
?>

完整代码:

<input id="timeSubmit" class=" w3-text-black" name="time submitted"/>

<script>
    $( "#button" ).submit(function( event ) {
        event.preventDefault();  

        $("#timeSubmit").val('<?php date_default_timezone_set("Europe/Athens");
        echo date("d-m-Y"). " at ".date("h:i:sa")); ?>';
    });
</script>

问题:

我得到的是 DOM 加载的时间，而不是单击按钮时的当前时间。

Answer 1

您正在使用服务器端页面来设置时区的日期和时间，这会将其转换为静态时间(例如，您的用户打开页面的时间，因为该页面是在上述时间为他们生成的)

您可以使用诸如 momentjs(或 new Date())之类的客户端库来设置单击按钮时的日期。这会用当前浏览器的时间填充该字段。