Вставить объекты даты и времени javascript в базу данных

в моей форме отображаются дата и время, теперь моя проблема в том, как Могу ли я вставить значение даты и времени в базу данных, надеюсь, вы мне поможете. Спасибо.

вот мой код для даты и времени:

<div class = "row" style = "margin-left:300px;">
             <label>Date:</label>  
             <span id = "date" name = "calendar"></span>
             </div>
              <div class = "row" style = "margin-left:300px;">
             <label>Time:</label> 
            <span id = "clock" name = "time"></span>
             </div>  

мой php-код:

<?php
include_once ('connection.php');
$calendar=$_POST["calendar"];
$calendar=date("Y-m-d",$calendar);
$time=$_POST["time"];
$time=date("h-i-s",$time);


        $InsertSql = "INSERT INTO test2(date,timein) VALUES ('$calendar','$time')";
          $res = mysqli_query($conn, $InsertSql);

?>

javascript для даты и времени:

<script>
var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
var n = new Date();
var y = n.getFullYear();
var m = n.getMonth();
var d = n.getDate();
document.getElementById("date").innerHTML = months[m] + " " + d + " " + y;
</script>

<script>
(function () {

  var clockElement = document.getElementById( "clock" );

  function updateClock ( clock ) {
    clock.innerHTML = new Date().toLocaleTimeString();
  }

  setInterval(function () {
      updateClock( clockElement );
  }, 1000);

}());
</script>

Обновил мой вопрос.

вот моя форма

ошибка