Обновите DOM и отправьте текущее время

Question

Я пытаюсь отправить текущее время, когда кнопка нажата, но я получаю время загрузки страницы вместо текущего времени.Кнопка отправляет форму на листы Google с API.

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

сервер отправляет файлы в браузер, когда пользователь запрашивает их при посещении веб-страницы, это то, что делает ваш php-код.Поэтому вам нужно будет использовать JavaScript для обновления текущего времени клиента, используйте объект времени, например,

$("#timeSubmit").val(new Date().toLocaleString());
 // 6/12/2018, 9:56:35 AM

Answer 2

Вы используете серверную страницу, чтобы установить дату и время для своего часового пояса, который переводит его в статическое время (например, время, когда ваш пользователь открыл страницу, как она была сгенерирована для него в указанное время)

Вы можете использовать библиотеку на стороне клиента, такую ​​как momentjs (или просто новую Date ()), чтобы установить дату при каждом нажатии кнопки.Это заполняет поле текущим временем браузера.