Untitled

@model MyWebApp.Models.DeviceDataTableModel

@{
   ViewData["Title"] = "Device data table";
}

<html>
<head>
   <script type="text/javascript">
      function handleIt() {
         alert("hello");
      }
   </script>

   <script type="text/javascript">
      function setNewSelectedDate(object) {
         console.log(object.value);
         alert("@Model.testField");
         var new_value = String(object.value);
         Model.testField = new_value;
         alert("@Model.testField");
      }
   </script>

   <script type="text/javascript">
      function getSelectedDate() {
         var selected_value = document.getElementById("dateSelector").value;
         console.log(selected_value);
         return selected_value;
      }
   </script>
</head>

<body>


   <div>
      <form name="myform" action="javascript:getSelectedDate()">
         <input name="Submit" type="submit" value="Update" />
      </form>

      <form asp-controller="DeviceDataTable" runat=client asp-action="DeviceDataTable">
         <input type="date" id="dateSelector" name="myDate" asp-for="@Model.mSelectedDate" value=@Model.mSelectedDate.ToString("yyyy-MM-dd") onchange="javascript:setNewSelectedDate(this)">

         <a asp-controller="DeviceDataTable" asp-action="DeviceDataTable" asp-route-Db="@Model.rmDatabaseName" asp-route-DevId="@Model.rmUniqueId"
            asp-route-Date="javascript:getSelectedDate()">
            <p class="item" style="width:40px;">
               <img src="../../images/check.png" alt="Show device data in table" style="width:32px;height:32px;" />
            </p>
         </a>
      </form>

      <table class="table">
         <tr>
            <th>
               TimeStamp
            </th>
            <th>
               Value
            </th>
            <th>
               Text
            </th>
         </tr>

         @if (Model != null && Model?.DeviceData != null)
         {
            int id = 0;
            foreach (var item in Model?.DeviceData)
            {
               id++;
               <tr>
                  <td>
                     @item.Value
                  </td>
                  <td>
                     @item.Value
                  </td>
                  <td>
                     @item.Text
                  </td>
               </tr>
            }
         }
      </table>
   </div>
</body>
</html>