diff --git a/ckanext/harvest/templates_new/snippets/job_details.html b/ckanext/harvest/templates_new/snippets/job_details.html
index f0827ef..27daeff 100644
--- a/ckanext/harvest/templates_new/snippets/job_details.html
+++ b/ckanext/harvest/templates_new/snippets/job_details.html
@@ -50,15 +50,27 @@ Example:
   </tr>
   <tr>
     <th>{{ _('Created') }}</th>
-    <td>{{ h.render_datetime(job.created, with_hours=True) }}</td>
+    <td>
+        <span class="datetime" data-datetime="{{ h.render_datetime(job.created, date_format='%Y-%m-%dT%H:%M:%S%z') }}">
+            {{ h.render_datetime(job.created, with_hours=True) }}
+        </span>
+    </td>
   </tr>
   <tr>
     <th>{{ _('Started') }}</th>
-    <td>{{ h.render_datetime(job.gather_started, with_hours=True) }}</td>
+    <td>
+        <span class="datetime" data-datetime="{{ h.render_datetime(job.gather_started, date_format='%Y-%m-%dT%H:%M:%S%z') }}">
+            {{ h.render_datetime(job.gather_started, with_hours=True) }}
+        </span>
+    </td>
   </tr>
   <tr>
     <th>{{ _('Finished') }}</th>
-    <td>{{ h.render_datetime(job.finished, with_hours=True) }}</td>
+    <td>
+        <span class="datetime" data-datetime="{{ h.render_datetime(job.finished, date_format='%Y-%m-%dT%H:%M:%S%z') }}">
+            {{ h.render_datetime(job.finished, with_hours=True) }}
+        </span>
+    </td>
   </tr>
   <tr>
     <th>{{ _('Status') }}</th>
diff --git a/ckanext/harvest/templates_new/source/job/list.html b/ckanext/harvest/templates_new/source/job/list.html
index fe5d874..c147167 100644
--- a/ckanext/harvest/templates_new/source/job/list.html
+++ b/ckanext/harvest/templates_new/source/job/list.html
@@ -25,9 +25,15 @@
               {% endif %}
             </h3>
             <p>
-              {{ _('Started:') }} {{ h.render_datetime(job.gather_started, with_hours=True) or _('Not yet') }}
+              {{ _('Started:') }}
+              <span class="datetime" data-datetime="{{ h.render_datetime(job.gather_started, date_format='%Y-%m-%dT%H:%M:%S%z') }}">
+                {{ h.render_datetime(job.gather_started, with_hours=True) or _('Not yet') }}
+              </span>
               &mdash;
-              {{ _('Finished:') }} {{ h.render_datetime(job.finished, with_hours=True) or _('Not yet') }}
+              {{ _('Finished:') }}
+              <span class="datetime" data-datetime="{{ h.render_datetime(job.finished, date_format='%Y-%m-%dT%H:%M:%S%z') }}">
+                {{ h.render_datetime(job.finished, with_hours=True) or _('Not yet') }}
+              </span>
             </p>
           </div>
           {% if job.status == 'Finished' %}