вставлять объекты даты и времени в базу данных 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>

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

вот моя форма

ошибка