title: Force HTML to show time with seconds from a Python model object
body: <p>Please excuse my newbie status to python and web applications.<br>
  For a few hours, I simply cannot get this to work properly.<br>
  All I want to do, is have the table items display the time with seconds.<br>
  It prints correctly from within views.py, but seems to undergo some conversion when passed to index.html(as seen on console.log)? Or is someone could clarify for me? or point me in the right direction please?</p>
  <p>model.py:</p>
  <pre><code>    class dbMachine100RunTime(models.Model):
          ID = models.AutoField(primary_key=True)
          Machine = models.ForeignKey(Machines, on_delete=models.SET_NULL, null=True, blank=True)
          Date = models.DateField(auto_now=False, default=datetime.now)
          Time = models.TimeField(auto_now=False, default=datetime.now)
          OnOff = models.CharField(max_length=3, default=&quot;Error&quot;, null=True)
          Count = models.IntegerField(default=0, null=True)
      
          def __str__(self):
              return str(self.Machine)
  </code></pre>
  <p>views.py:</p>
  <pre><code>def index(request):
      EndTime = datetime.now()
      TimeDifference = timedelta(hours=1)
      StartTime = EndTime-TimeDifference
  
      MachineRuntime = dbMachine100RunTime.objects.filter(Time__range=(StartTime, EndTime))
      Machine = MachineRuntime[0].Machine
  
      print(MachineRuntime[0].Date) #Shows date as = 2021-04-25
      print(MachineRuntime[0].Time) #Shows time as = 10:30:36
  
      return render(request, 'Machine_Monitor/index.html', {'MachineRuntime': MachineRuntime, 'Machine': Machine})
  </code></pre>
  <p>index:</p>
  <pre><code>{% for item in MachineRuntime %}
            &lt;tr&gt;
              &lt;td&gt;{{item.Date}}&lt;/td&gt;
              &lt;td&gt;&lt;time step=&quot;1&quot;&gt;{{item.Time}}&lt;/time&gt;&lt;/td&gt;
              &lt;script&gt;
                 console.log(&quot;{{item.Date}}&quot;); &lt;!--Shows as: April 25, 2021 --&gt;
                 console.log(&quot;{{item.Time}}&quot;); &lt;!--Shows as: 10:30 a.m. --&gt;
              &lt;/script&gt;
            &lt;/tr&gt;
           {% endfor %}
  </code></pre>